表單驗證是Web開發中非常常見的一項功能。而使用jQuery可以更加方便地實現表單驗證,下面將介紹一些jQuery表單驗證常用的原生代碼。
// 驗證非空 if($.trim($("#input").val()) == ""){ alert("請填寫內容"); } // 驗證手機號碼 var mobile = /^1[3|4|5|6|7|8|9][0-9]{9}$/; if(!mobile.test($.trim($("#phone").val()))){ alert("手機號碼格式不正確"); } // 驗證郵箱 var email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!email.test($.trim($("#email").val()))){ alert("郵箱格式不正確"); } // 驗證密碼 var password = /^[A-Za-z0-9]{6,20}$/; if(!password.test($.trim($("#password").val()))){ alert("密碼為6-20位數字或字母"); } // 驗證兩次密碼是否一致 if($.trim($("#password").val()) !== $.trim($("#password_confirm").val())){ alert("兩次輸入的密碼不一致"); } // 驗證身份證號碼 var id = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!id.test($.trim($("#id_card").val()))){ alert("身份證號碼格式不正確"); }
除了上述常用的表單驗證代碼以外,還可以使用jQuery的插件來實現更復雜的表單驗證。但是,無論使用哪種方式,表單驗證都是Web開發中必不可少的一項技能。
上一篇div name id
下一篇jquery表單驗證實例