这个是刚学的,觉得对以后挺有用的,就想把自己所学的分享一下。

校验规则:

(1)required:true 必输字段
(2)number:true 必须输入合法的数字(负数,小数)
(3)digits:true 必须输入整数
(4)url:true 必须输入正确格式的网址
(5)email:true 必须输入正确格式的电子邮件
(6)creditcard:true 必须输入合法的信用卡号
(7)equalTo:"#password" 输入值必须和#password相同
(8)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(9)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(10)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(11)max:5 输入值不能大于5
(12)min:10 输入值不能小于10
(13)range:[5,10] 输入值必须介于 5 和 10 之间
(14)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(15)date:true 必须输入正确格式的日期,日期校验ie6出错,慎用
(16)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(17)remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值

1.引入jquery插件,然后引入validation插件

2.写一个form表单

 

3.写jquery

        <script type="text/javascript">
$(function(){
$('#demoForm').validate({
rules:{
//必须填写
username:{
//必填
required:true,
//最小长度为6位
minlenght:6,
//最大长度为9位
maxlength:9
},
password:{
//必填
required:true,
//最小长度为6位
minlenght:6,
//最大长度为9位
maxlength:16
},
age:{
//最小为18岁
min:18,
//最大为30岁
max:30,
//必须填整数
digits:true,
}
},
messages:{
//改变提示的内容
//错误提示
username:{
required:'此项必填',
minlenght:'最少6位',
maxlength:'最多9位'
},
password:{
required:'此项必填',
minlenght:'密码最少6位',
maxlength:'密码最多16位'
},
age:{
min:'最小18岁',
max:'最大80岁'
digits:'年龄必须是正整数',
}
}
})
})
</script>

               我就学了这么多,等学了新的再给大家分享,谢谢!!!

<script type="text/javascript">$(function(){$('#demoForm').validate({rules:{//必须填写username:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:9},password:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:16},age:{//最小为18岁min:18,//最大为30岁max:30,//必须填整数digits:true,}},messages:{//改变提示的内容//错误提示username:{required:'此项必填',minlenght:'最少6位',maxlength:'最多9位'},password:{required:'此项必填',minlenght:'密码最少6位',maxlength:'密码最多16位'},age:{min:'最小18岁',max:'最大80岁'digits:'年龄必须是正整数',}}})})</script>

jquery validation表单验证插件。的更多相关文章

  1. jquery validation表单验证插件2。

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. jQuery学习之:Validation表单验证插件

    http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每 ...

  3. jQuery formValidator表单验证插件

    什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...

  4. 【锋利的jQuery】表单验证插件踩坑

    和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...

  5. jQuery Validate 表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...

  6. jQuery Validate 表单验证插件----Validate简介,官方文档,官方下载地址

     一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...

  7. jquery validate表单验证插件-推荐

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

  8. jquery validate表单验证插件

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

  9. jQuery Validate 表单验证插件----自定义一个验证方法

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...

随机推荐

  1. Windows里如何正确安装Redis以服务运行(博主推荐)(图文详解)

    不多说,直接上干货! 注意 : Redis官方并没有提供Redis的windows安装包,但在github上, 有相关的下载地址.       一.Redis的下载地址 相关的下载地址,如下:     ...

  2. Java的符号扩展与零扩展

    byte b = -127; System.out.println(b); // -127 int b1 = b & 0xff; System.out.println(b1); // 129 ...

  3. windows下搭建Cordova安卓环境

    phoneGap 被收购后衍生出了 Cordova Android 的开发工具也由 Eclipse 向 Android Studio 靠拢 行业动态在更新,所以资料也要跟着变化... 在开始之前,作为 ...

  4. [Hive]使用 Antlr 开发领域语言

    Antlr 简介 ANTLR 语言识别的一个工具 (ANother Tool for Language Recognition ) 是一种语言工具,它提供了一个框架,可以通过包含 Java, C++, ...

  5. Keepalived配置与使用--转载

    作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明 网址: http://weizhifeng.net/using-keepalived.html 介绍 ...

  6. 前端富文本编辑器 vue-html5-editor

    1..项目创建与初始化 在安装好脚手架的依赖后,要执行 npm install vue-html5-editor -S 来安装这个富文本插件,由于这个富文本插件的图标是依赖font-awesome.c ...

  7. 关于Mysql+EF6本地运行和发布没有问题,发布到服务器上出现问题的解决方案

    这个问题折磨了我差不多两天,网上各种方法也找了个遍,但是都没有解决我的问题,后面通过自己仔细分析问题和排查,终于把问题解决了,以下是我的解决问题的步骤,希望能帮到各位,不要再被这些问题坑了 1,项目实 ...

  8. C#共享内存整理

    1.System.IO.MemoryMappedFiles 内存映射文件类 内存映射文件将文件的内容映射到应用程序的逻辑地址空间. 内存映射文件使程序员得以处理极大的文件(这是因为可以并发管理内存), ...

  9. ORDER BY 高级用法之CASE WHEN

    今天在公司查看一段sql SP代码,发现了一段比较奇怪的代码. 大概长这样子: Select * from tableA ORDER BY ColA , CASE END 小弟才疏学浅,咋一看到代码以 ...

  10. 通过微信分享链接,后面被加上from=singlemessage&isappinstalled=1导致网页打不开

    微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈   from=timeline&isappinstalled=0微信群   from=groupmessage&isappi ...