jQuery Validation Engine 表單驗證,自定義規則驗證方法


jQuery Validation Engine 表單驗證說明文檔http://code.ciaoca.com/jquery/validation-engine/

js加到jquery.validationEngine-zh_CN.js這個文件的后面

示例:

"weekDays": {
                    "regex": /^(1|2|3|4|5)$/,        //這里寫你想要自定義的正則
                    "alertText":"* 請輸入正確的星期"    //這里寫你想要提示的內容
                }

在這里加完自己自定義的內容之后就可以加在想要驗證的input的class上加上validate[custom[weekDays]]就行了

使用jQuery Validation Engine 表單驗證插件需要注意一定要有form表單和form的id

$("#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;
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM