一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2017-05-27 编辑:简简单单 来源:一聚教程网

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

效果图:(当用户填写的信息不符合规范时显示错误提示)

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

这里写图片描述

html结构:

 

 代码如下 复制代码

  

注册

  

    

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

  

  

    

    字母数字长度6-18位

  

  

    

    两次密码不一致

  

  

    

    电话号码格式不正确

  

  

    

    邮箱格式不正确

  

  

    

    证件格式不正确

  

  

    

  

  

请先输入密码

 

js:

 

 代码如下 复制代码

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

 

热门栏目