如何使用jQuery验证表单格式

如何使用jQuery验证表单格式？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

通过给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>

关于如何使用jQuery验证表单格式问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。