jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

本文实例讲述了jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法。

jQuery脚本

脚本类型='text/javascript '函数check _ password(){ if($(“# password”).val()！=$('#checkPWD ').val()){ alert('请保证两次输入密码的一致性!');$('#checkPWD ').焦点();} }函数check _ email(){ var reg=/\ w[@]{ 1 } \ w[.]\ w/；if(！reg.test($('#email ').val())){ alert('请输入正确的电子邮件!');$('#email ').焦点();} }函数check _ phone(){ var reg=/^1[34578]\d{9}$/；if(！reg.test($('#phone ').val())){ alert('请输入正确的手机号!');$('#phone ').焦点();}}/scripthtml文件

！DOCTYPE htmlhtmlhead脚本src=' http : jquery1。3 .2 .js /脚本meta http-equiv=' Content-Type ' Content=' text/html；字符集=utf-8 '标题注册界面/title/床头中心氕用户注册/h1表单操作方法=' post '表格宽度='400px '单元格间距='0px '单元格填充='0px '边框='1px' tr td用户名/TD TD输入类型=' text '名称=' username '占位符='用户名为3-12位字母数字或下划线组合TD/tr/tr密码TD/TD输入类型='密码'名称='密码'占位符='密码长度为6-12位的纯数字id='password'/td /tr tr td确认密码/TD TD输入类型='密码'名称=' Checkpwd '占位符='密码长度为6-12位的纯数字id=' checkPWD ' on change=' check _ password()'/TD/tr tr TD手机号码/TD tdinput type=' text ' name=' phone ' placeholder='请输入正确的手机号码格式id=' phone ' on change=' check _ phone()'/TD/tr TD邮箱/TD TD输入类型=' email '名称=' email '占位符='请输入正确邮箱格式id=' email ' on change=' check _ email()' required=' required '/TD/tr TD colspan=' 2 ' style=' text-align : center '输入类型='submit '值='注册输入类型='重置'值='重置/TD/tr/table/form/center/body/html运行结果：

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

Java脚本语言正则表达式在线测试工具：http://工具。JB 51。net/regex/JavaScript

正则表达式在线生成工具：http://工具。JB 51。net/regex/create _ reg

更多关于jQuery相关内容可查看本站专题： 《jQuery正则表达式用法总结》 、 《jQuery字符串操作技巧总结》 、 《jQuery操作xml技巧总结》 、 《jQuery扩展技巧总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。