怎么用JS实现表单验证

2023-06-12 表单 验证 js

本篇内容主要讲解“怎么用JS实现表单验证”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用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.mdaima.com">

相关文章