<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>test</title>

    <script src="jquery.js"></script>

    <script src="jquery.validate.js"></script>

    <script>

        $(function () {

            //添加自定义校验

            function compare_num(value, element) {

                var min_num = parseInt($("#min_num").val());

                var max_num = parseInt($("#max_num").val());

                if (!min_num || !max_num) {

                    return true;

                }

                return max_num > min_num;

            }

            jQuery.validator.addMethod("compare_num", compare_num, "最大值必须大于最小值");

            //...

            var validate = $("#myform").validate({

                debug: true, //调试模式取消submit的默认提交功能

                //errorClass: "label.error", //默认为错误的样式类为：error

                focusInvalid: false, //当为false时，验证无效时，没有焦点响应

                onkeyup: false,

                submitHandler: function(form){   //表单提交句柄,为一回调函数，带一个参数：form

                    alert("提交表单");

                    form.submit();   //提交表单

                },

                //校验规则

                rules:{

                    myname:{

                        required:true

                    },

                    password:{

                        required:true,

                        rangelength:[3,10]

                    },

                    confirm_password:{

                        equalTo:"#password"

                    },

                    min_num: {

                        required: true

                    },

                    max_num: {

                        compare_num: true,     //自定义校验

                    },

                },    //end rules

                //校验提示信息

                messages:{

                    myname:{

                        required:"必填"

                    },

                    password:{

                        required: "不能为空",

                        rangelength: $.format("密码最小长度:{0}, 最大长度:{1}。")

                    },

                    confirm_password:{

                        equalTo:"两次密码输入不一致"

                    },

                    min_num: {

                        required: "最小值不能为空"

                    },

                }    //end messages

            }); //end validate

        });

    </script>

</head>

<body>

    <form id="myform" method="post" action="">

        <p>

            <label for="myname">用户名：</label>

            <input id="myname" name="myname" />

        </p>

        <p>

            <label for="password">登陆密码：</label>

            <input id="password" name="password" type="password"/>

        </p>

        <p>

            <label for="confirm_password">确认密码：</label>

            <input id="confirm_password" name="confirm_password" type="password"/>

        </p>

        <p>

            <label for="min_num">最小值：</label>

            <input id="min_num" name="min_num" type="text" />

        </p>

        <p>

            <label for="max_num">最大值：</label>

            <input id="max_num" name="max_num" type="text" />

        </p>

        <p>

            <input class="submit" type="submit" value="提交" />

        </p>

    </form>

</body>

</html>

　　

参考链接:   http://www.cnblogs.com/linjiqin/p/3431835.html

jquery validate检验的更多相关文章

  1. 表单验证插件jquery.validate的使用方法演示

    jQueryValidate表单验证效果 jquery.validate验证错误信息的样式控制 <!--validate验证插件的基础样式--> input.error{border: 1 ...

  2. jQuery学习笔记（jquery.validate插件）

    jquery.validate官网地址:http://jqueryvalidation.org/ 1. 导入JavaScript库 <script src="../js/jquery. ...

  3. 修改jQuery.validate验证方法和提示信息

    1.添加验证方法 在jquery.validate.js文件中直接添加验证方法,例如: jQuery.validator.addMethod("Specialstring", fu ...

  4. jquery validate 一个注册表单的应用

    先看页面 前端表单代码  register.html <form class="mui-input-group" id="regForm"> < ...

  5. Jquery validate验证表单时多个name相同的元素只验证第一个的问题

    下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name='a[]')时验证的bug 使用jquery. ...

  6. asp.net mvc model attribute and razor and form and jquery validate 完美结合

    1.创建Model,添加标注. [Serializable] public class BaseUserModel:BaseModel { [StringLength(100)] [Required( ...

  7. jQuery Validate扩展验证方法 (zhangxiaobin)

    /***************************************************************** jQuery Validate扩展验证方法 (zhangxiaob ...

  8. Jquery Validate自定义验证规则，一个汉字等于两个字符长度

    使用Jquery validate时写的一些东西,在这里做个笔记 在使用 Jquery validate 的minlength和maxlength进行文本框内容长度验证的时候,对于一个汉字的长度检测结 ...

  9. jQuery Validate 表单验证 — 用户注册简单应用

    相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...

随机推荐

  1. 用hashlib生成动态token

    生成token: import timeimport hashlib token ='jdhfvasuiodfbhsjdbvaio' client_time = time.time() client_ ...

  2. python学习笔记(九)函数返回多个值，列表生成式，循环多个变量，入参格式声明

    一.函数返回多个值 1.函数如果返回多个值的话,它会把这几个值放到一个元组里面2.函数如果返回多个值的话,也可以用多个变量来接收 def say(): num1 = num2 = num3 = ret ...

  3. Oracle 常见问题汇总

    1.Listener refused the connection with the following error 安装之后如果遇到如下问题状态: 失败 -测试失败: Listener refuse ...

  4. Mysql binlog 安全删除(转载)

    简介: 如果你的 Mysql 搭建了主从同步 , 或者数据库开启了 log-bin 日志 , 那么随着时间的推移 , 你的数据库 data 目录下会产生大量的日志文件 shell > ll /u ...

  5. SMO算法精解

    本文参考自:https://www.zhihu.com/question/40546280/answer/88539689 解决svm首先将原始问题转化到对偶问题,而对偶问题则是一个凸二次规划问题,理 ...

  6. Linux服务器access_log日志分析及配置详解（一）

    nginx的log日志分为access log 和 error log 其中access log 记录了哪些用户,哪些页面以及用户浏览器.ip和其他的访问信息 error log 则是记录服务器错误日 ...

  7. lower_bound()函数,upper_bound()函数

    1.查找:STL中关于二分查找的函数有三个lower_bound .upper_bound .binary_search .这三个函数都运用于有序区间(当然这也是运用二分查找的前提),下面记录一下这两 ...

  8. Hbase1.0伪分布式集群启动失败问题

    作者:Syn良子 出处:http://www.cnblogs.com/cssdongl/p/7340681.html 转载请注明出处 最近抽空折腾自己的虚拟机环境时启动伪分布式Hbase集群一直失败, ...

  9. FFmpeg 入门(1)：截取视频帧

    本文转自:FFmpeg 入门(1):截取视频帧 | www.samirchen.com 背景 在 Mac OS 上如果要运行教程中的相关代码需要先安装 FFmpeg,建议使用 brew 来安装: // ...

  10. CF1137F Matches Are Not a Child's Play(LCT思维题)

    题目 CF1137F 很有意思的题目 做法 直接考虑带修改的做法,上一次最大值为u,这次修改v,则最大值为v了 我们发现:\(u-v\)这条链会留到最后,序列里的其他元素相对位置不变,这条链会\(u\ ...