正则表达式如何进行页面表单验证功能-创新互联
这篇文章主要为大家展示了“正则表达式如何进行页面表单验证功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“正则表达式如何进行页面表单验证功能”这篇文章吧。
创新互联主要从事成都网站制作、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务夹江,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220一般做到注册页面的时候,当用户填完信息,都需要对他们的信息进行验证,这就要用到正则表达式,具体看下面这个例子。
效果图:(当用户填写的信息不符合规范时显示错误提示)
我只提供了html结构和js,样式你们按照自己的设计稿自己写,我是分别给正确的时候和错误的时候加了不同的class,用了不同的高度,正确是高度小,可以把提示的红字隐藏。
html结构:
注册
字母开头,长度5-10位字母数字下划线字母数字长度6-18位两次密码不一致电话号码格式不正确邮箱格式不正确证件格式不正确请先输入密码
js:
//正则表达式已//双斜杠开始和结束,限制必须要以什么什么开头要在之前加^,限制必须要以什么什么结尾要在后面加$,例:/^正则$/
以上是“正则表达式如何进行页面表单验证功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
本文标题:正则表达式如何进行页面表单验证功能-创新互联
标题URL:http://ybzwz.com/article/jhpip.html