<!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. PostgreSQL学习手册-模式Schema（转）

    原文:http://www.cnblogs.com/stephen-liu74/archive/2012/04/25/2291526.html 一个数据库包含一个或多个命名的模式,模式又包含表.模式还 ...

  2. Sping-Spring JDBC框架

    JDBC框架概述 在使用普通的JDBC数据库时,就会很麻烦的写不必要的代码来处理异常,打开和关闭数据库连接等.但Spring JDBC框架负责所有的底层细节,从开始打开连接,准备和执行SQL语句,处理 ...

  3. sql server动态行列转换

    原文链接:https://www.cnblogs.com/gaizai/p/3753296.html sql server动态行列转换 一.本文所涉及的内容(Contents) 本文所涉及的内容(Co ...

  4. lnmp1.4环境下thinkphp3.2配置pathinfo模式

    1.打开php.ini 通常该文件在 /usr/local/php/etc/php.ini vi /usr/local/php/etc/php.ini 找到 cgi.fix_pathinfo,默认为0 ...

  5. EXPORT_SYMBOL使用

    EXPORT_SYMBOL只出现在2.6内核中,在2.4内核默认的非static 函数和变量都会自动导入到kernel 空间的, 都不用EXPORT_SYMBOL() 做标记的.2.6就必须用EXPO ...

  6. .def文件如何编写

    DLL中导出函数的声明有两种方式:一种为在函数声明中加上__declspec(dllexport),这里不再举例说明:另外一种方式是采用模块定义(.def) 文件声明. 规则是:1.首先创建 一个DL ...

  7. TensorFlow学习笔记（六）循环神经网络

    一.循环神经网络简介 循环神经网络的主要用途是处理和预测序列数据.循环神经网络刻画了一个序列当前的输出与之前信息的关系.从网络结构上,循环神经网络会记忆之前的信息,并利用之前的信息影响后面节点的输出. ...

  8. 编辑器——sublime

    在这里只介绍自己经常使用的编辑器sublime 第一:安装node插件[出处:http://www.bubuko.com/infodetail-798008.html] 1.下载Nodejs插件,下载 ...

  9. C++之旅(第一天)

    基础知识 完全支持C语言 可以在C++引入C的头文件 #include <stdio.h> #include <iostream> int main() { } 输入和输出 C ...

  10. CSS Ul（列表样式）

    CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一.列表 在HTML中,有两种类型的列表: 无序列表 - 列表 ...