引入JS

<script src="~/Scripts/jquery-1.10.2.min.js"></script>

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

加载自定义验证

 <script>

        $(document).ready(function () {

            $("#formid").validate({

                rules: {

                    username: { required: true, minlength:  },

                    price: { required: true, digits: true }

                },

                messages: {

                    username: { required: "必须填写", minlength: "最少8个字符" },

                    price: { required: "必须填写", digits: "必须填写整数" }

                },　　　　　　　　　　
                errorElement: "em",
                success: function (label) {
                    label.text("OK").addClass('success')
                }

            });

        });

    </script>

完整页面代码:

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Rep</title>
    <style>
        em.error {
            background-color:blue;
            background: url("images/unchecked.gif") no-repeat 0px 0px;
            padding-left: 16px;
        }

        em.success {
            background-color:red;
            background: url("images/checked.gif") no-repeat 0px 0px;
            padding-left: 16px;
        }

    </style>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/jquery.validate.js"></script>

    <script>
        $(document).ready(function () {
            $("#formid").validate({
                rules: {
                    username: { required: true, minlength: 8 },
                    price: { required: true, digits: true }
                },
                messages: {
                    username: { required: "必须填写", minlength: "最少8个字符" },
                    price: { required: "必须填写", digits: "必须填写整数" }
                },
                errorElement: "em",
                success: function (label) {
                    label.text("OK").addClass('success')
                }
            });
        });

    </script>
</head>
<body>
    <form id="formid">
        <input id="username" name="username" size="25" value="" />
        <input id="price" name="price" size="25" value="" />

        <input id="Submit1" type="submit" class="submit" value="submit" />

    </form>
</body>
</html>

设置的规格

序号     规则     描述

     required:true     必须输入的字段。

     remote:"check.php"     使用 ajax 方法调用 check.php 验证输入值。

     email:true     必须输入正确格式的电子邮件。

     url:true     必须输入正确格式的网址。

     date:true     必须输入正确格式的日期。日期校验 ie6 出错，慎用。

     dateISO:true     必须输入正确格式的日期（ISO），例如：--，//。只验证格式，不验证有效性。

     number:true     必须输入合法的数字（负数，小数）。

     digits:true     必须输入整数。

     creditcard:     必须输入合法的信用卡号。

     equalTo:"#field"     输入值必须和 #field 相同。

     accept:     输入拥有合法后缀名的字符串（上传文件的后缀）。

     maxlength:     输入长度最多是  的字符串（汉字算一个字符）。

     minlength:     输入长度最小是  的字符串（汉字算一个字符）。

     rangelength:[,]     输入长度必须介于  和  之间的字符串（汉字算一个字符）。

     range:[,]     输入值必须介于  和  之间。

     max:     输入值不能大于 。

     min:     输入值不能小于 。

jquery 验证的更多相关文章

  1. ASP.NET MVC的客户端验证：jQuery验证在Model验证中的实现

    在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的.服务端验证最终实现在相应的ModelVa ...

  2. jquery验证

    首先要引用js库 <script src="js/jquery-1.7.2.min.js"></script> jquery验证方式 function ch ...

  3. jQuery验证元素是否为空的两种常用方法

    这篇文章主要介绍了jQuery验证元素是否为空的两种常用方法,实例分析了两种常用的判断为空技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuery验证元素是否为空的两种常用方法.分享给 ...

  4. jquery验证手机号码、邮箱格式是否正确示例代码

    本文为大家介绍下使用jquery验证邮箱.验证手机号码,具体实现思路及代码如下,感兴趣的朋友可以学习下 复制代码代码如下: //jquery验证邮箱  function checkSubmitEmai ...

  5. jquery验证网址格式

    在input中输入网址,用jquery验证输入网址是否正确 <input type="text" name="input-web" class=" ...

  6. 使用jQuery验证用户名是否存在，达到局部刷新的效果

    <%@ page pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

  7. jQuery验证框架 .

          目录视图 摘要视图 订阅 “程序人生”中国软件开发者职业生涯调查     CSDN社区“三八节”特别活动      开发者职业生涯调查之未来 jQuery验证框架 分类: JQuery 2 ...

  8. jQuery验证表单格式

    工作之余整理一些工作中编写的代码,记录自己工作中的技术要点,便于自己记忆已经整合.以下是关于此jQuery验证的一些标记以及使用方法: 整个js代码都放入jquery_validate_1.1.0.j ...

  9. jQuery 验证实例(shopnc二次开发)

    shopnc 商家用户实现添加用户与前台用户分离, jQuery 验证实例 equalTo:等于 <div id="saleRefund" show_id="1&q ...

  10. jQuery验证插件

    原文:jQuery验证插件 学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能 验证插件(validate. ...

随机推荐

  1. Java基础-synchronized关键字的用法（转载）

    synchronized--同步 顾名思义是用于同步互斥的作用的. 这里精简的记一下它的使用方法以及意义: 当synchronized修饰 this或者非静态方法或者是一个实例的时候,所同步的锁是加在 ...

  2. 二叉树系列 - 求两节点的最低公共祖先，例 剑指Offer 50

    前言 本篇是对二叉树系列中求最低公共祖先类题目的讨论. 题目 对于给定二叉树,输入两个树节点,求它们的最低公共祖先. 思考:这其实并不单单是一道题目,解题的过程中,要先弄清楚这棵二叉树有没有一些特殊的 ...

  3. Atcoder #017 agc017 B.Moderate Differences 思维

    LINK 题意:给出最左和最右两个数,要求往中间填n-2个数,使得相邻数间差的绝对值$∈[L,R]$ 思路:其实也是个水题,比赛中大脑宕机似的居然想要模拟构造一个数列,其实我们只要考虑作为结果的数,其 ...

  4. [hadoop]hadoop学习路线

    1.主要学习hadoop中的四大框架:hdfs.mapreduce.hive.hbase.这四大框架是hadoop最最核心的,学习难度最大的,也是应用最广泛的. 2.熟悉了解hadoop基本知识及其所 ...

  5. javascript中字符串的两种定义形式

    1.var s = "this is a string";  var t = "this is also a string"; s.test = 20; 2.v ...

  6. Redis数据类型之字符串（string）

    1. string类型简介 string类型是二进制安全的,能够存储任意类型的字符串. string类型是最常用到的数据类型,一种常用的用法就是将对象格式化为JSON字符串然后放到redis中,取出来 ...

  7. Hash破解神器：Hashcat的简单使用

    Hash破解神器:Hashcat的简单使用 2014-06-10 21:02:42|  分类: 离线密码破解 |  标签:密码字典  rar密码破解  zip密码破解  密码破解  |举报|字号 订阅 ...

  8. 分享6款国内、外开源PHP轻论坛CMS程序

    第一.Startbbs Startbbs,一款国产个人兴趣分享的轻论坛程序,采用PHP+MYSQL架构,目前版本是V1.1.5,之前我也 有搭建使用过功能还是比较简单的,默认风格比较让普通用户接受,这 ...

  9. angular导出文件保存在本地

    $scope.ev_click = function(obj){ var ev = document.createEvent("MouseEvents"); ev.initMous ...

  10. 33 - 并发编程-线程同步-Event-lock

    目录 1 线程同步 1.1 Event 1.1.1 什么是Flag? 1.1.2 Event原理 1.1.3 吃包子 1.2 Lock 1.2.1 lock方法 1.2.2 计数器 1.2.3 非阻塞 ...