jQuery Validation Engine 表單驗證說明文檔http://code.ciaoca.com/jquery/validation-engine/jquery
js加到jquery.validationEngine-zh_CN.js這個文件的後面數組
示例:ide
"weekDays": { "regex": /^(1|2|3|4|5)$/, //這裏寫你想要自定義的正則 "alertText":"* 請輸入正確的星期" //這裏寫你想要提示的內容 }
在這裏加完本身自定義的內容以後就能夠加在想要驗證的input的class上加上validate[custom[weekDays]]就好了this
使用jQuery Validation Engine 表單驗證插件須要注意必定要有form表單和form的idspa
$("#form-id").validationEngine({ promptPosition: 'topLeft', maxErrorsPerField: 1, autoHidePrompt: true, autoHideDelay: 3000, showOneMessage: true })//tips的位置再左上,3000毫秒後自動消失
若是想在提交表單前再次驗證是否符合上述的所規定的驗證規則,需再點擊提交按鈕時加上插件
//驗證是否符合使用表單插件所規定的規則,若不符合,再次tips提醒,表單回到不符合的地方 var id = $("#id"); if (!id.validationEngine("validate")) { return; }; //這個是自定義的其餘組合驗證規則 //1.判斷列表裏的文字輸入框裏輸入的數字都知足某一個範圍 //2.判斷列表裏的select選擇框選擇的不爲重複值 //思路1:遍歷框裏輸入的數值,若是該值不知足某個範圍,彈出提示 var isCarFeeRight = true; var $carfee = $("[name=CarFee]"); $carfee.each(function() { var ordercarfee = $(this).val(); for (var i = 0; i < $carfee.length; i++) { //console.log(ordercarfee) if (ordercarfee > 1000000) { isCarFeeRight = false; return false; } } }); //思路2:遍歷獲得select的value值,放在一個數組裏,判斷該數組有沒有重複值,若是有彈出提示 var arr = []; var isRepeat = true; $("[name=CarFeeType]").each(function () { var val = $(this).find("option:selected").val(); $.each(arr, function (i, e) { if (val == e) { isCarFeeType = false; return false; } }); arr.push(val); }); if (!isRange) { alert('不符合範圍'); return false; } if (!isRepeat) { alert('不能有兩個相同單位'); return false; }