jQuery Validate 插件[表单验证 属性介绍]

摘要:
Validate插件$Validate({})属性规则描述必填:true必填字段:“#aa:checked”表达式值为true,则需要进行验证。必需:函数(){}返回true,表示需要验证远程:“check.php”使用ajax方法调用checkPhp验证输入值。日期验证ie6出错,请谨慎使用。信用卡:true您必须输入合法的信用卡号equalTo:“#field”输入值必须与#field相同accept:输入带有合法后缀的字符串。最大长度:5输入最大长度为5的字符串。范围:[5,10]输入值必须介于5和10之间。要通过成功验证的元素之后的操作通过验证。如果后面跟着一个字符串,它将被视为css类或函数。

详细介绍一下Validate插件

$("#form的Id").validate({

})

属性

规则

描述

required:true

必须输入的字段

required: "#aa:checked" 

表达式的值为真,则需要验证。

required: function(){}

 返回为真,表示需要验证

remote:"check.php"

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

email:true

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

url:true

必须输入正确格式的网址

date:true

必须输入正确格式的日期。日期校验 ie6 出错,慎用。

dateISO:true

必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。

number:true

必须输入合法的数字(负数,小数)。

digits:true

必须输入整数。

creditcard:true

必须输入合法的信用卡号

equalTo:"#field"

输入值必须和 #field 相同

accept:

输入拥有合法后缀名的字符串(上传文件的后缀)。

maxlength:5

输入长度最多是 5 的字符串(汉字算一个字符)。

minlength:10

输入长度最小是 10 的字符串(汉字算一个字符)。

rangelength:[5,10]

输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。

range:[5,10]

输入值必须介于 5 和 10 之间。

max:5

输入值不能大于 5。

min:10

输入值不能小于 10

debug:true

只验证不提交表单(调试)

ignore:".ignore"

忽略某些元素不验证

errorPlacement:function(error, element){ error.appendTo(element.parent());}

 指明错误放置的位置,默认情况是:error.appendTo(element.parent());即把错误信息放在验证的元素后面。

success

 要验证的元素通过验证后的动作,如果跟一个字符串,会当作一个 css 类,也可跟一个函数。

免责声明:文章转载自《jQuery Validate 插件[表单验证 属性介绍]》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇springboot彩蛋,如何改变banner(启动项目时出现的spring的图案)Qt5.3.2_CentOS6.4_单步调试环境__20160306【勿删,繁琐】下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jquery源码 DOM加载

jQuery版本:2.0.3 DOM加载有关的扩展 isReady:DOM是否加载完(内部使用)  readyWait:等待多少文件的计数器(内部使用) holdReady():推迟DOM触发 ready():准备DOM触发。 jQuery.ready.promise=function(){};  监听DOM的异步操作(内部使用) 一、$(functi...

redux的reducer的拷贝问题

首先指出一点,Redux的reducer是浅复制。冲掉的原因,是因为浅复制没有放在更新数据前,把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态: 所以浅复制实现方法: 原生方式: var newObj=Object.assign({},som...

jquery日历插件FullCalendar使用技巧

原文链接:http://blog.csdn.net/u013493957/article/details/44920341 FullCalendar是一款基于jquery的日历控件,它有着很强大的功能,下面我来给大家介绍一下FullCalendar使用技巧吧,希望此方法对各位有帮助呀。 简介 官方网站:http://arshaw.com/fullcale...

flask_15_1:flask-admin 模型功能参数参照表

本文转自:flask-admin模型功能参数参照表 can_create = True    是否可以创建 can_edit = True    是否可以编辑 can_delete = True    是否可以删除 list_template = ‘admin/model/list.html‘    修改显示该模型的html模板 edit_templat...

jQuery(二)

二、jQuery的选择器 我们以前在CSS中学习的选择器有: 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下: <!DOCTYPE html> <html lang="en"> <...

Jquery学习---Easy UI 框架

Jquery的easyui 1.1. easyui的目录分析 以 jquery Easy UI 1.3.2 版本学习 demo 实例 locale 国际化信息 plugins 框架一些插件 src 源码 themes 样式文件 easyloader.js  框架核心加载器 (加载其它plugin) jquery-1.8.0.min.js  jQuery...