码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-04 11:54:07      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

//自定义验证输入价格
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")
    });

 

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

标签:

原文地址:http://www.cnblogs.com/hougelou/p/4200703.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!