jQuery验证表单格式的使用方法

站长资源 2024/11/26 佚名

2 0 1

工作之余整理一些工作中编写的代码，记录自己工作中的技术要点，便于自己记忆已经整合。以下是关于此jQuery验证的一些标记以及使用方法：

整个js代码都放入jquery_validate_1.1.0.js中，通过一个匿名函数，jQuery的扩展方法，扩展方法为：initValidate函数，方法中带一个options配置参数，目前配置参数只有一个属性，{handlerUrl：""}，提供是否需要后台请求验证的url地址。只需要对取验证的DOM绑定$("ID").initValidate(options)。通过给input控件添加自定义属性，自定义属性规则如下：

 <div id="panda">
  <input type="text" validate="true" ctr-type="mobile" />
 </div>

以上一个简单的demo是验证输入格式是否为手机号，如果输入的信息不符合规则，错误信息会提示在输入框下一行，如下图：

validate="true" // 执行验证，这个不设置为true其他属性都不验证；
isrequired="true" // 必填验证
checkunique="true" // 后台Ajax唯一性验证，如果不唯一则验证失败；
ctr-type="email" // 格式是email, pwd：密码，char：姓名，number：数字，float：带小数的数字，mobile：手机，idcard：身份证；
repeatpwd="true" // 密码重复性检验，这个标签必须同时出现在两个需要检验的密码和重复输入密码控件。
初始化示例：
$('#panda').initValidate();
提交按钮提交之前对所有输入进行验证：
$('.okbtn').click(function () { return $('#panda').validateAllControls() });
Email验证使用示例：
<input type="text" ctr-type="email" checkunique="true" isrequired="true" validate="true" name="myEmail" id="myEmail"/>
<label class="error"></label>
密码验证使用示例：
<input type="password" ctr-type="pwd" isrequired="true" validate="true" repeatpwd="true" name="newPassword"/>
<label class="error"></label>

以上的验证，前提条件是validate="true"，这个属性是验证其他规则的一切，如果没有设置这个属性，其他的任何设置都不会验证。此jquery验证为光标失去焦点的验证事件。

如果需要手动调用验证的话，调用单独的验证方法：$("#panda").validateAllControls(options);输入框的自定义以上面一样设置。

文件的url路径：http://files.cnblogs.com/files/panda-/jquery_validate_1.1.0.js，点击查看，不知道怎么添加压缩文件，这边留下一个url路径，为以后自己备份一份。

以上所述是小编给大家介绍的jQuery验证表单格式的使用方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

jQuery验证表单格式

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“jQuery验证表单格式的使用方法”

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年11月26日

jQuery验证表单格式的使用方法

详解vue之页面缓存问题(基于2.0)

Html5 js实现手风琴效果

评论“jQuery验证表单格式的使用方法”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接