js -DOM-【注册表单的实现】

【内容:javascript案例-注册表单校验】

前面我们已经学过了正则,以下我们在对表单数据进行验证时,就会使用到正则表达式,并且会使用上面提到过的dom来显示一些错误信息。

              需求:

1.      验证邮箱符合规则,并且不能为空

2.      验证会员名密码不能为空,并且保证长度至少6位

3.      重复密码要与密码一致.

          分析:

1.      验证非空 /^\s*$/

2.      验证邮箱符合规则,正则表达式是: /^(\w)+@(\w)+(\.\w+)+$/

3.      验证会员名与密码长度至少6位 /^ (\w){6,}$/

4.      验证重复密码与密码一致,我们不需要使用正则,直接比较就可以。

5.      对于上述操作,我们在使用时,可以使用javascript中提供的test方法完成。

6.      为了保证数据不正确情况下,表单不能提交,我们需要使用onsubmit,如果绑定的函数返回的是false,表单就不能被提交  

实现:



你可能感兴趣的:(js)