本篇内容主要讲解“怎么用JS实现表单验证”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用JS实现表单验证”吧!
1.当输入框失去焦点时,验证输入内容是否符合要求
(1)获取表单输入框
(2)绑定 onblur 事件
(3)获取输入内容
(4)判断是否符合规则
(5)如果不符合规则,则显示错误提示信息
2.当点击注册按钮是,判断所有输入框的内容是否符合要求,如果不符合则阻止表单提交
(1)获取表单对象
(2)微表单对象绑定 onsubmit
(3)判断所有输入框是否都符合要求,如果符合,则返回true,如果有一项不符合,则返回false
<body> <div class="form-div"> <div class="reg-content"> <h2>欢迎注册</h2> <span>已有帐号?</span> <a href="https://www.maopiaopiao.com">