如何在jquery验证失败的情况下停止表单提交？

Rekkles_ 2015-07-02 03:32:04

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
<title> 注册</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
#content{
width:370px;
height:300px;
margin-left:500px;
margin-top:200px;
padding-left:90px;
padding-top:20px;
background-color:#5cbdaa;
color:white;
}
#content p.pwd{
margin-left:15px;
}
#content p.pwdagain{
margin-left:-50px;
}
#content p.button{
margin-left:110px;
margin-top:30px;
}
#content p a{
font-size:12px;
float:right;
margin-right:50px;
color:white;
}
#content #submit{
width:60px;
height:40px;
background-color: #5cbdaa;
color:white;
border:1px solid white;
}
#content h2{
margin-left:113px;
}
</style>
<script src="jquery.min.js"></script>
<script type="text/javascript">
function check(){
var username = document.getElementById("username").value;
if(username=="")
{
document.getElementById("username1").innerHTML="用户不能为空";
}
else{
if(username.length >= 6&&username.length <= 18 )
{
$.ajax
({
type: "get",
url: "checkname.php",
data: "username="+username,
success:function(date)
{
if(date>0)
{
document.getElementById("username1").innerHTML="用户已存在";
}
else
{
document.getElementById("username1").innerHTML="可用";
}
}
})
}
else
{
;document.getElementById("username1").innerHTML="用户名在6-18位";
}
}
};
function password(){
var password=document.getElementById("pwd").value;

if(password=="")
{
document.getElementById("pwd1").innerHTML="密码不能为空";
}
else
{
if(password.length>=6 && password.length<=18)
{
document.getElementById("pwd1").innerHTML="√";
}
else
{
document.getElementById("pwd1").innerHTML="密码在6-18位字符";
}
}

};

function checkpassword(){
var pwdagain=document.getElementById("pwdagain").value;
var password=document.getElementById("pwd").value;
if(pwdagain=="")
{
document.getElementById("pwdagain1").innerHTML="请再次输入密码";
}
else
{

if(pwdagain.length>=6 && pwdagain.length<=18)
{
if(pwdagain == password)
{
document.getElementById("pwdagain1").innerHTML="√";
}
else
{
document.getElementById("pwdagain1").innerHTML="两次密码不同！";
}
}
else
{
document.getElementById("pwdagain1").innerHTML="密码在6-18位字符";
}

}
};

</script>
</head>

<body>
<div id="content">
<h2>注册</h2>
<form name="reg" method="POST" action="reg.php" >
<p>用户名：<input type="text" name="username" id="username" onblur=" check() "><span id="username1"></span></p>
<p class="pwd">密码：<input type="password" name="pwd" id="pwd" onblur="password()"><span id="pwd1"></span></p>
<p class="pwdagain">再次输入密码：<input type="password" name="pwdagain" id="pwdagain" onblur="checkpassword()"><span id="pwdagain1"></span></p>
<p class="button"> <input type="submit" id="submit" value="注册"></p>
<p><a href="login.html">已有账户，登录</a></p>
</form>
</div>
</body>
</html>
在密码错误或者用户名错误的情况下，点击注册按钮还是会提交下面的表单。如何阻止表单提交？

...全文