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

这篇文章主要为大家展示了"正则表达式如何进行页面表单验证功能"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"正则表达式如何进行页面表单验证功能"这篇文章吧。

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

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

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

html结构：

  
注册
  
        字母开头,长度5-10位字母数字下划线  
  
        字母数字长度6-18位  
  
        两次密码不一致  
  
        电话号码格式不正确  
  
        邮箱格式不正确  
  
        证件格式不正确  
  
      
  
请先输入密码

js：

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

以上是"正则表达式如何进行页面表单验证功能"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！