<!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. Python的编码问题（一）

    一.什么是编码 可以说,计算机是一个即聪明又笨蛋的家伙.说它聪明,是因为他可以做很多事情,它的强大无需多说,大家应该都有所了解以及感受.但是为什么说它又是个笨蛋呢,因为我们在电脑上写出的每一个字,保存 ...

  2. django-luffycity-购物车接口

    一  基本功能 -添加购物车 -详见代码 -修改课程价格策略 -put或者patch {"course_id": "1", "policy_id&qu ...

  3. git学习------> Gitlab如何进行备份恢复与迁移？

    前段时间,在某台CenterOS服务器上搭建了Gitlab环境,并且大家陆陆续续的都把代码从svn迁移到了gitlab,但是之前的CenterOS服务器并不是搭建在公司的机房环境,而是搭建在办公室的某 ...

  4. 【我的Android进阶之旅】推荐一款视频转换GIF图片格式的转换工具（Video to GIF）

    一.背景 最近想把一些Android Demo的运行效果图获取下来,但是一直使用真机进行调试,在电脑上不好截取一段gif动画.而之前使用模拟器的时候可以使用 GifCam 工具进行屏幕动画截取.Gif ...

  5. CanvasRenderingContext2D.imageSmoothingEnabled

    https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled 这是一个 ...

  6. python学习笔记（十七）网络编程之urllib模块

    如何用python打开一个网站或者请求一个接口呢,我们在这篇博客介绍一下. 首先我们得导入一个urllib模块,这个模块是python自带的标准模块,直接导入就能使用,但是用起来不方便,先看个简单的打 ...

  7. 记ambari启用kerberos添加kafka组件后yarn和hive出现Failure unspecified at GSS-API level (Mechanism level: Checksum failed)--403错误

    出现警告的过程是: 1.搭建ambari集群成功后,添加了hdfs和zk组件,然后启用了kerberos: 2.kerberos启用完毕后添加hbase和yarn.MapReduce.hive都没有出 ...

  8. 无法从U盘启动的解决方案

    联想台式机无法从U盘启动的解决方案 F1进入lenovo bios 选择 StartUp 选项卡 1) 发现 USB FDD 已处于第一项,再把 USB Key 调到启动第二项 2) 把 boot m ...

  9. debian7更换gcc版本的二种方法分享

    debian7更换gcc版本的二种方法分享   最近在编译qt,之前用的是debian6,gcc版本是gcc-4.4,当使用debian7时,编译遇到了很多跟debian6不一样的问题,debian7 ...

  10. 实现：左边为菜单导航，当一个菜单中包含多个Tabs，并且不同的Tab要根据权限的不同显示。

    1.前台代码 //当点击左侧菜单时,将访问Controller中的Home方法,这样就会根据用户权限的不同,通过后台的判断来决定显示的页面<li class="@(ViewBag.Se ...