jQuery可以很方便地驗證表單中的ID和name,以下是一些示例代碼:
// 驗證id為"username"的輸入框是否為空 if ($('#username').val() == '') { alert('請輸入用戶名!'); } // 驗證id為"password"的輸入框是否有至少6個字符 if ($('#password').val().length< 6) { alert('密碼必須至少包含6個字符!'); } // 驗證name為"email"的輸入框是否符合Email格式 var email = $('#email').val(); if (email != '' && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(email)) { alert('請輸入有效的Email地址!'); }
在代碼中,我們使用$()方法來獲取DOM元素,然后使用val()方法獲取或設置表單元素的值。對于ID和name重復的元素,我們可以使用類似這樣的代碼:
// 驗證第一個name為"address"的文本框是否符合規定 if ($('input[name="address"]:eq(0)').val() == '') { alert('請輸入地址!'); }
除了上面的驗證,jQuery還有許多其他表單驗證功能,可以根據需要調用。不過需要記住的是,前端驗證只是一種輔助手段,不能代替后端接口的驗證,應該在服務器端對所有數據進行驗證,以保證數據的安全。