JS实现表单验证案例

本文实例为大家分享了JS实现表单验证案例的具体代码,供大家参考,具体内容如下

JS实现表单验证案例_第1张图片

1.当输入框失去焦点时,验证输入内容是否符合要求

(1)获取表单输入框
(2)绑定 onblur 事件
(3)获取输入内容
(4)判断是否符合规则
(5)如果不符合规则,则显示错误提示信息

2.当点击注册按钮是,判断所有输入框的内容是否符合要求,如果不符合则阻止表单提交

(1)获取表单对象
(2)微表单对象绑定 onsubmit
(3)判断所有输入框是否都符合要求,如果符合,则返回true,如果有一项不符合,则返回false



   
       

欢迎注册

        已有帐号? 登录    
   
                                                                                                                                                                                       
用户名                                        
                                   
密码                                        
                                   
手机号                    
                                   
       
                   
       
   

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(JS实现表单验证案例)