首页 > 代码库 > jquery验证表单 提交表单
jquery验证表单 提交表单
问题: jquery中使用submit提交按钮时，当return false后，依然会提交表单.
解决: 使用button按钮，而不是submit按钮
<script type="text/javascript" src="http://www.mamicode.com/scripts/jquery-2.0.2.js"></script>
<script type="text/javascript">
function check(){
var npassword=$("#npassword").val();
var npassword2=$("#npassword2").val();
if(npassword==null||npassword==""){
alert("密码不能为空！");
$("#npassword").focus();
return false;
} else if(npassword2!=npassword){
alert("两次密码不一致");
$("#npassword2").attr("value","");
$("#npassword2").focus();
return false;
}else{
$("#form").submit();
}
}
</script>
</head>
<body bgcolor="#E2E4F0">
<form name="form" id="form" action="selfservice.jsp" method="post" >
<input type="hidden" name="action" value="http://www.mamicode.com/modpassword"/>
<table border="2" align="center" style="margin:200px 100px 200px 400px ">
<tr>
<td>新密码：</td>
<td><input type="password" id="npassword" name="npassword"/></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password" id="npassword2" name="npassword2"/></td>
</tr>
<tr>
<td><input type="button" value="http://www.mamicode.com/提交" check();"></td>
<td><input type="reset" value="http://www.mamicode.com/重置"></td>
</tr>
</table>
</form>
</body>