JavaScript表单正则验证示例(含结构化与非结构化两种方式)
表单的正则验证代码,挺实用的一个小资源。里面有两种不同类型的表单验证方式,代码写得清楚,不绕弯子。前端老朋友们应该都知道,验证这块别光靠后端,前端一下更友好也更快。用的是正则表达式,像邮箱、手机号这些常规场景都能搞定。
结构化和非结构化表单的验证方式也都写了,算是比较全。结构化嘛,像登录注册这类字段明确的;非结构化就自由些,是留言板、问卷那种,字段不固定,验证起来就得稍微绕点。两个例子都有,对比着看,还挺有意思。
正则的写法也给了参考,像邮箱就用的^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$
,虽然不一定最全,但够用了,初学的也能看得懂。代码在texiao2236_1560681021
压缩包里,HTML 加 JS,拎出来就能跑。
前端验证和后端验证的组合使用也提了一嘴,这点挺关键的。毕竟有的用户关掉 JavaScript,只靠前端可不稳,后端得兜底。
如果你经常要表单输入、想梳理下正则验证的套路,这个小例子值得一看。别忘了顺手参考下下面这几个资源,拓展一下思路也不错。
下载地址
用户评论