工作结束后,整理一些工作中写的代码,把工作中的技术点记录下来,这样就可以记住集成了。以下是一些关于这个jQuery验证的标签以及如何使用它们:
整个js代码放入jQuery _ validate _ 1.1.0.js中,通过一个匿名函数,jQuery的扩展方法是:initValidate函数,它取一个options配置参数。目前,配置参数只有一个属性{handlerurl:''},它为后台请求验证提供了url地址。只需绑定$('ID ')。初始化要验证的DOM的验证(选项)。通过向输入控件添加自定义属性,自定义属性规则如下:
Div id=' panda '输入类型=' text ' validate=' true ' CTR-type=' mobile '/div以上简单的演示就是验证输入格式是否为手机号码。如果输入的信息不符合规则,输入框的下一行会提示错误信息,如下图所示:
验证='true' /执行验证。如果未设置为true,将不会验证其他属性。is required=' true '/required verification check unique=' true '/后台Ajax唯一性验证;如果不是唯一的,则验证失败;ctrl-type=' email '/的格式是email,pwd:密码,char:姓名,数字,float:带小数的数字,mobile:手机,idcard:身份证;Repeatpwd='true' //密码重复性检查。该标签必须重复出现在要检查的密码和密码输入控件中。初始化示例:$('#panda ')。initValidate();提交按钮提交前验证所有输入:$('。okb TN’)。单击(function () {return $ ('# panda ')。validate all controls()});使用Email身份验证的示例:输入类型=' text ' CTR-type=' Email ' check unique=' true '是必需的=' true ' validate=' true ' name=' myemail ' id=' myemail '/label class=' error '/标签密码验证的示例:输入类型=' password ' CTR-type=' pwd ' is required=' true ' validate=' true ' repeat pwd=' true ' name=' new password '/label class=' error '/对于标签以上的验证,前提条件是validate=' true '。这个属性是验证其他规则的一切。如果未设置此属性,将不会验证任何其他设置。这个jquery验证是光标失去焦点的验证事件。
如果需要手动调用验证,请调用单独的验证方法:$ ('# panda ')。validateallcontrols(选项);输入框的自定义如上设置。
文件的url路径:http://files.cnblogs.com/files/panda-/jquery _ validate _ 1 . 1 . 0 . js .点击查看,但不知道如何添加压缩文件。这里留个网址路径,以后给自己做个备份。
以上就是如何使用jQuery验证边肖介绍的表单格式。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!