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"
},
自定义一个方法例子:
一:定义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"
},