jquery validate 自定义校验方法

最新推荐文章于 2022-11-15 10:26:35 发布

转载最新推荐文章于 2022-11-15 10:26:35 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/li-zhi-long/p/9289245.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery进行表单验证，包括引入必要的JS文件、自定义验证方法、为表单添加验证规则等步骤。

1.引入JS

jquery.min.js
jquery.validate.min.js
messages_zh.min.js

2.添加验证方法，第一个参数为验证方法的名称，第二个参数为验证方法。

$.validator.addMethod("money",function(value,element,params){ 
        if (value == "" || value == null){
            return true;
        }
        var reg = /\d+(\.\d{1,2})?/;  
        if(!reg.test(value)) {
            return false;
        } else{
            return true;
        }
    },"*请输入正确售价");

3.为表单添加验证方法。rules 里面的属性指的是需要验证的标签名称，方法后面可以传参数，多个参数用[ ]，逗号隔开

  $().ready(function() {
        // 在键盘按下并释放及提交后验证提交表单
          $("#searchFrom").validate({
            rules: {
                searchParam: {
                    money:""
               }
            }
            });
    });

4.效果