<!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. 【云安全与同态加密_调研分析（6）】云计算及云安全主流体系架构与模型——By Me

                                                            云计算及云安全的主流体系架构与模型 1. 云计算主流安全参考模型 1.1 云计算安全参考 ...

  2. java7（2）——使用mutilcatch注意事项

    从java7推出mutilcatch后,到现在都少有看到人使用,可能是这个功能真正用起来,比起多个catch并不快多少,而且现在的工IDE具太厉害了,什么都有快捷键!说是这么说,我们还是得了解一下如何 ...

  3. docker部署Jenkins，以及在Jenkins中使用宿主机的docker/docker-compose命令

    使用最新的官方镜像jenkins/jenkins 第一次使用的docker部署jenkins的时候,出现了两个问题: 1.因为用户权限问题挂载/home/jenkins/data到/var/jenki ...

  4. mysql 数据库查询最后两条数据

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u011925175/article/details/24186917  有一个mysql数据库的 ...

  5. Linux shell 程序设计

    shell 程序设计 主要的学习内容包含基本思路,语法:变量.条件判断和程序控制,命令列表,函数,命令及执行,调试,grep命令和正则表达式,find命令 什么是shell 适用编写执行相对简单任务的 ...

  6. shell脚本循环处理文件数据

    有一个日志文件为: # cat data.log 需要提取出里面的数据,写shell脚本实现这个功能: #!/bin/bash OLD=$IFS IFS=$'\n' for entry in $(ca ...

  7. 在MFC里面实现线程的实例

    线程是一种从软件到硬件的技术,主要目的是为了提高运行速度,和多任务. ××××××××××××××××××××××××××××××××××××需要储备的资料(他人的)××××××××××××××××× ...

  8. 编译安装MariaDB-10.0.21

    一.源码编译安装gcc-5.1.0 1.下载gcc源码包 Download (HTTP): http://ftpmirror.gnu.org/gcc/gcc-5.2.0/gcc-5.2.0.tar.b ...

  9. mysql update 多表 （复制）

    定我们有两张表,一张表为Product表存放产品信息,其中有产品价格列Price:另外一张表是ProductPrice表,我们要将ProductPrice表中的价格字段Price更新为Price表中价 ...

  10. 82. Remove Duplicates from Sorted List II（删除有序链表中的重复元素）

    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numb ...