jquery自定义校验

jquery自定义校验


自定义一个方法例子：
一：定义jquery validate的方法
$.validator.addMethod("flushPriceValidate", 
//参数说明： value:被校验元素的 value值 ，element 代表被校验元素，params :添加校验规则时
function(value, element,params) {
var obj = $(element).parent().parent().find("span.test");
var oriPrice = parseFloat(obj.html());
var flushPrice = parseFloat(value);
alert(flushPrice > oriPrice);
return this.optional(element) || 
/^\d+(\.\d+)?$/.test(value);
}, "您输入的限时抢购价不正确!!!"
);




二如何使用呢？
在需要校验的标签元素上加上 class  = "flushPriceValidate" 即可


例如：
<td width="50">
<input type="text" class="flushPriceValidate" name="${product.sn}_flushSalePrices" value="${product.flushSalePrice}" maxlength="30"/>
</td>


三:把校验规则和表单元素绑定
// 表单验证
$inputForm.validate({
rules: {
flushPriceValidate:true,//如果需要传多个参数，那么应该是如下方式flushPriceValidate:[param0,param1,...]
name: "required",
title: "required",
minimumQuantity: "digits",
maximumQuantity: {
digits: true,
compare: "#minimumQuantity"
},