如何使用jQuery验证表单格式-创新互联

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

十年建站经验，成都网站制作、成都做网站客户的见证与正确选择。成都创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效，我们致力于追求更美、更快、更规范。

通过给input控件添加自定义属性，自定义属性规则如下：

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

如何使用jQuery验证表单格式

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验证使用示例：


密码验证使用示例：

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

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻标题：如何使用jQuery验证表单格式-创新互联
链接地址：http://lszwz.com/article/djcjhs.html

乐山网站建设

如何使用jQuery验证表单格式-创新互联

其他资讯

联系我们

135-1821-9792

028-86922220

快捷导航

二维码

友情链接交换友情链接

乐山网站建设

如何使用jQuery验证表单格式-创新互联

其他资讯

联系我们

135-1821-9792

028-86922220

快捷导航

二维码

友情链接 交换友情链接

友情链接交换友情链接