<!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. Ubuntu 常见错误--Could not get lock

    问题产生的原因:另外一个程序正在运行,导致资源被锁不可用.而导致资源被锁的原因可能是上次运行安装或更新时没有正常完成,进而出现此状况 解决问题的办法:sudo rm /var/cache/apt/ar ...

  2. Java 语言中 Enum 类型的使用介绍【转载】

    简介:本文主要介绍了 Java 语言中枚举类型,以及如何定制 Enum 类型的定义,如何正确使用 Enum 类型. From:http://www.ibm.com/developerworks/cn/ ...

  3. 安装pip环境以及pip常用命令使用

    1.去到Python的官网下载pip包,下载地址是:https://pypi.python.org/pypi/pip#downloads 2.下载完成之后,解压到一个文件夹,用CMD控制台进入解压目录 ...

  4. 20165324 《Java程序设计》第九周学习总结

    学号 20165324 <Java程序设计>第九周学习总结 教材学习内容总结 第十三章 Java网络编程 URL类 使用URL创建对象的应用程序称为客户端 一个URL对象封装一个具体资源的 ...

  5. mysql忘记密码怎么办？（转）

    linux下mysql忘记密码处理方法: 1．首先确认服务器出于安全的状态,也就是没有人能够任意地连接MySQL数据库. 因为在重新设置MySQL的root密码的期间,MySQL数据库完全出于没有密码 ...

  6. boost implicit_cast

    在stackoverflow上看到这个帖子, 于是发现了boost::implicit_cast这个小东西. 先来看看这段代码: struct top {}; struct mid_a : top { ...

  7. 使用Echarts进行可视化的数据线呈现

    由于游戏后台需要统计游戏玩家的支付情况,恰好那天看见同学群里聊天说到了Echarts,于是我就看了眼,一看,哟,还是百度的产品,看了文档,示例,确实很屌的样子啊,于是自己就开始试了,最终效果如下: 个 ...

  8. 3.MySQL必知必会之检索数据-SELECT语句

    本章将介绍如何使用SELECT语句从表中检索一个或多个数据列. 1.SELECT语句 SQL语句是由简单的英语单词构成的.这些单词称为关键字,每个SQL语句都是由一个或多个关键字构成的.大概,最经常使 ...

  9. vue父子组件传值加例子

    例子:http://element-cn.eleme.io/#/zh-CN/component/form         上进行改的 父传子:用prop:子组件能够改变父组件的值,是共享的,和父操作是 ...

  10. Docker+.Net Core 的那些事儿-1.准备工作

    1.下载centos 地址:https://www.centos.org/download/ 我使用的是DVD ISO,这么做的目的是为了在之后的docker填坑的路上,方便使用centos中Fire ...