在前端開發中,表單的驗證是經常遇到的問題,特別是在輸入框中的內容判斷。而使用 jQuery 來判斷輸入框內容是否符合要求,是一種非常便捷的方法。
$(document).ready(function(){ $("input").blur(function(){ var inputValue = $(this).val(); // 獲取輸入框內容 var reg = /^[A-Za-z]+$/; // 正則表達式,判斷是否為英文字母 if(reg.test(inputValue)){ // 判斷輸入是否為英文字母 $(this).next().text("輸入正確"); // 顯示正確信息 }else{ $(this).next().text("請輸入英文字母"); // 顯示錯誤信息 } }); });
在代碼中,我們通過 JQuery 來選擇所有的 input 標簽,使用 blur() 方法來監聽輸入框的失去焦點事件。當輸入框失去焦點時,獲取輸入框內的內容,然后通過正則表達式來判斷輸入內容是否符合要求。如果符合要求,就在輸入框后面顯示正確的信息;如果不符合要求,就在輸入框后面顯示錯誤的信息。
通過使用 jQuery 來判斷 input 內容,可以有效地減少代碼量,并且在輸入框內輸入內容后即時判斷,方便用戶糾正錯誤。同時,也可以方便地對輸入內容做多種規則的判斷。