正则表达式进行页面表单验证功能

 一般做到注册页面的时候，当用户填完信息，都需要对他们的信息进行验证，这就要用到正则表达式，具体看下面这个例子。

效果图：（当用户填写的信息不符合规范时显示错误提示）

我只提供了html结构和js，样式你们按照自己的设计稿自己写，我是分别给正确的时候和错误的时候加了不同的class，用了不同的高度，正确是高度小，可以把提示的红字隐藏。

html结构：

  
注册
  

    
    字母开头,长度5-10位字母数字下划线
  
  

    
    字母数字长度6-18位
  
  

    
    两次密码不一致
  
  

    
    电话号码格式不正确
  
  

    
    邮箱格式不正确
  
  

    
    证件格式不正确
  
  

    
  
  
请先输入密码

js：

//正则表达式已//双斜杠开始和结束，限制必须要以什么什么开头要在之前加^，限制必须要以什么什么结尾要在后面加$，例：/^正则$/

以上所述是小编给大家介绍的正则表达式进行页面表单验证功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！