如何使用jQuery验证表单格式-创新互联
如何使用jQuery验证表单格式?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
十年建站经验, 成都网站制作、成都做网站客户的见证与正确选择。成都创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效,我们致力于追求更美、更快、更规范。通过给input控件添加自定义属性,自定义属性规则如下:
以上一个简单的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验证使用示例: 密码验证使用示例:
关于如何使用jQuery验证表单格式问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联网站建设公司行业资讯频道了解更多相关知识。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:如何使用jQuery验证表单格式-创新互联
文章起源:http://cdiso.cn/article/djcjhs.html