jquery validate 自定义验证方法(不固定验证)

//自定义验证输入价格
jQuery.validator.addMethod("PriceCheck", function (value, element) {
    var breakNumber=0;
    $(".producPrice").each(function (k, v) {
        if ($.trim($(this).val()) == "") {
            $(this).focus();
            breakNumber++;
            return false;
        }
    });

    if(breakNumber>0){
    return false;
    }else{
    return true;
    }

}, "请输入价格");

 

<table cellspacing="0" border="0" style="border-collapse:collapse;">
<
tbody>
<
tr>
<
td style="text-align: right;">445</td>
<
td style="text-align: left;"><input type="text" class="form-control producPrice" placeholder="价格" id="txtPrice" name="txtPrice" pid="1"></td>
</
tr>
<
tr>
<
td style="text-align: right;">test</td>
<
td style="text-align: left;"><input type="text" class="form-control producPrice" placeholder="价格" id="txtPrice" name="txtPrice" pid="3"></td>
</
tr>
</
tbody>
</
table>

 

我生成了数个类样式为producPrice的输入框。

 

验证:

$("#form1").validate({
        rules: {
            txtLoginName: {
                required: true
                //remote: remoteHasAUserNameFun()
            }
            txtPrice:{
                PriceCheck:true
            }
        },
        messages: {
            txtLoginName: {
                required: "请输入账号"
            }
        },
        errorLabelContainer: $(".bg-info")
    });

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。