elementui表单校验原始密码_javascript 中入门数据校验

1.onSubmit 放在表单中,返回false为不提交 ，所以 放一个函数在里面所有的 数据获取，数据判断；都在内；（把一个value放到一个值，和另一个value值比对）；

2.获取提交的数据 ，判断数据是否 出错；

3.不正确返回

<form onsubmit="return checkForm()" action="1.php" method="post">
    用户名<input type="text" id="user">密码
    <input type="password" id="passWord">再次输入密码
    <input type="password" id="passWord2" >邮箱
    <input type="email" id="email" >
    <input  type="submit" name="submit" value="提交">

</form>

    <script>
function checkForm() {
            //校验userName
            var uValue=document.getElementById('user').value;
            var passWord=document.getElementById('passWord').value;
            var passWord2=document.getElementById('passWord2').value;
            var email=document.getElementById('email').value;
            if (uValue==''){
                    alert('你的用户名不能为空!');
                return false;
            }
            if (passWord==''){
                alert('你的密码不能为空');
                return false;
            }
            
            if(passWord2!=passWord){
                alert('你的密码不相同');
                return false;
            }
            
//邮箱正则数据校验            
if (!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/.test(email)){
                alert('你的邮箱格式不正确');
                return false;
            }

        };

    </script>