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>