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() {//校驗userNamevar 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>

總結

以上是生活随笔為你收集整理的elementui表单校验原始密码_javascript 中入门数据校验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。