JavaScript正则表达式实现注册信息校验功能

Java和JavaScript正则表达式的对比 Java中也有正则表达式,默认情况下必须要精确匹配 ;而在JS中默认是模糊匹配,只要字符串包含了正则表达式的内容就返回true

正则表达式 匹配字符串 Java中匹配结果 JavaScript中匹配结果
\d{3} a123b false true
^\d{3} 123b false true
\d{3}$ a123 false true
^\d{3}$ 123 true true

注册信息校验

需求

  1. 在JS中使用正则表达式进行验证。
  2. 用户名:只能由英文字母和数字组成,长度为4~16个字符,并且以英文字母开头
  3. 密码: 大小写字母和数字6-20个字符
  4. 确认密码:两次密码要相同
  5. 电子邮箱: 符合邮箱地址的格式 /^\w+@\w+(.[a-zA-Z]{2,3}){1,2}$/
  6. 手机号:/^1[34578]\d{9}$/
  7. 生日:生日的年份在1900~2009之间,生日格式为1980-5-12或1988-05-04的形式,/^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/

案例分析

  • 创建正则表达式
  • 得到文本框中输入的值
  • 如果不匹配,在后面的span中显示错误信息,返回false
  • 如果匹配,在后面的span中显示一个打勾图片,返回true
  • 写一个验证表单中所有的项的方法,所有的方法都返回true,这个方法才返回true.



    
    验证注册页面
    
    


logobanner
新用户注册
用户名:
密码:
确认密码:
电子邮箱:
手机号码:
生日:
 

JavaScript正则表达式实现注册信息校验功能_第1张图片

到此这篇关于JavaScript正则表达式实现注册信息校验的文章就介绍到这了,更多相关js正则表达式注册信息校验内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(JavaScript正则表达式实现注册信息校验功能)