《基于jquery实现即时检查格式是否正确的表单.doc》由会员分享,可在线阅读,更多相关《基于jquery实现即时检查格式是否正确的表单.doc(5页珍藏版)》请在金锄头文库上搜索。
1、基于jquery实现即时检查格式是否正确的表单这篇文章主要为大家详细介绍了基于jquery实现即时检查格式是否正确的表单具体代码,感兴趣的小伙伴们可以参考一下现在很多网站的注册模块都可以实现即时检查格式是否正确,这样极大的增强了用户体验,对开发非常有利。下面的代码是利用jquery实现了对一个表单字段格式的即时检查(包括字段长度、邮箱格式),同时在提交时,再次出发检查事件。注意这个检查是keyup和focus上为主,利用这两个事件来触发blur(失去焦点)事件。 $(function /为每个必填字段后面加上* $(form :input.required).each(function var
2、 $required = $(*); $(this).parent .append($required); );/textbox失去焦点事件 $(form :input).blur(function var $parent = $(this).parent ; $parent.find(.formtips).remove ; if ($(this).is(#username) if (this.value = | this.value.length var errorMsg = 请输入至少6位的用户名; $parent.append( + errorMsg + ); else var okMs
3、g = 输入正确 $parent.append( + okMsg + ); if ($(this).is(#email) if (this.value = | (this.value != & !/.+.+.a-zA-Z2,4$/.test(this.value) var errorMsg = 请输入正确的E-Mail地址; $parent.append( + errorMsg + ); else var okMsg = 输入正确 $parent.append( + okMsg + ); ).keyup(function $(this).triggerHandler(blur);/keyup和focus利用triggerHandler来触发blur事件 ).focus(function $(this).triggerHandler(blur); ); $(#send).click(function /提交按钮事件 $(form .required:input).trigger(blur); var numError = $(form .onError).length; if(numError) return false; alert(注册成功,密码已发到你的邮箱,请查收); ); ); 用户名 邮箱 个人资料 以上就是本文的全部内容,希望对大家学习jquery程序设计有所帮助。