在網頁表單中,有時需要對用戶輸入的內容進行驗證,以確保數據的正確性和安全性。而在表單輸入中,有些地方可能不能輸入數字,比如姓名、地址等等。這時就需要使用jquery表單驗證來實現這一功能。
$(function() { // 為表單添加驗證規則 $("form").validate({ rules: { name: { required: true, noNumber: true }, address: { required: true, noNumber: true } }, messages: { name: { required: "請輸入姓名", noNumber: "姓名不能含有數字" }, address: { required: "請輸入地址", noNumber: "地址不能含有數字" } } }); // 自定義驗證規則 $.validator.addMethod("noNumber", function(value, element) { var reg = /\d+/g; return this.optional(element) || !reg.test(value); }, "不能包含數字"); });
在上面的代碼中,我們首先使用jquery的validate()方法為表單添加驗證規則。其中,noNumber規則是我們自定義的,用于判斷輸入的內容中是否包含數字,如果包含則返回驗證不通過。
在messages中,我們添加了name和address兩個字段的錯誤提示信息。如果用戶輸入的字段不符合規定,則會彈出相應的提示框,提示用戶輸入的數據有誤。
通過上述代碼的實現,就可以在表單中添加不能為數字的驗證,保證用戶輸入的數據的正確性和安全性。
上一篇div nb空格
下一篇div onblur事件