您现在的位置是:网站首页>列表内容

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

2023-05-25 15:42:10 116人已围观

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

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

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

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

这里写图片描述

html结构:

注册

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

请先输入密码

js:

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

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

发布内容
-六神源码网