jquery自定义校验

最新推荐文章于 2024-03-14 07:00:00 发布

zhangjie2308

最新推荐文章于 2024-03-14 07:00:00 发布

阅读量580

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhangjie2308/article/details/41480593

本文详细介绍了如何使用jQuery自定义校验方法，包括定义方法、使用方法以及与表单元素绑定校验规则的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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"
},