内容简介：Jq ajax验证表单【原创】
在表单验证的时候，如果用户输入的不符合规范，会弹出错误信息，直接用alert的话也可以弹出信息，但是为了优化用户体验，使页面更加生动，所以用到了这个插件来做验证提示，实现原理是当input框失去焦点时进行正则验证，判断用户输入是否正确；
拿注册来说，第一个是输入手机号，监听用户点击输入框时，发生以下改变：
提示用户应该怎样输入才是正确的，当用户输入的格式不对时，会出现：
当输入正确时：
实现代码：
1、初始值：
<input size="30" id="mobile" name="mobile" type="text" class="input" value="">
<div id="mobileTip" class="onShow">主要用于交易通知</div>
2、js代码
$("#mobile").formValidator({onShow:"主要用于交易通知",onFocus:"11位数字，如“13812345678”",onCorrect:"谢谢你的合作",onEmpty:"该项为必填项"}).inputValidator({min:11,max:11,onError:"手机号码必须是11位的,请确认"}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的手机号码格式不正确"}).({})
ajaxValidator方法是接api验证手机号是否已经注册；
3、以同样的方式就可以验证不同类型的值了，这样做使页面更生动，交互性更强，用户体验性更好。
转载时请注明出处及相应链接，本文永久地址：http://blog.it985.com/21271.html
微信打赏
支付宝打赏
感谢您对作者Liam的打赏，我们会更加努力！ 如果您想成为作者，请点我
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
JSP 应用开发详解（第二版）
飞思科技产品研发中心 / 电子工业出版社 / 2004-1-1 / 55.00
本书结合JSP和Servlet的最新规范，从基本的语法和规范入手，以经验为后盾，以实用为目标，以实例为导向，以实践为指导，深入浅出地讲解了JSP 开发中的种种问题。以精简的内容介绍了JSP的语法、Servlet技术、JDBC技术、标签库技术、表达式语言、Struts、JavaServer Face等技术；对于JSP开发中常遇到的典型的难点，专门设置了专题进行集中讨论。本书的最后一篇围绕一个电子商务......一起来看看 《JSP 应用开发详解（第二版）》 这本书的介绍吧!
