jquery验证form表单,没有通过验证也会提交,怎么写,该如何写?

以下是原代码:

<link rel="stylesheet" type="text/css" href="css/styles.css">
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
var regu = /^[0-9a-zA-Z_]{4,16}$/;
$(function(){
$("#txtName").blur(function(){
if($("#txtName").val()==""){
$("#dName").html("<font color=red>*会员名不能为空!</font>");
return false;
}
else if(!regu.test($("#txtName").val())){
$("#dName").html("<font color=red>*会员名必须由字母,数字,下划线组成(4-16位)!</font>");
return false;
}
$("#dName").html("<img src='image/check_right.gif'/>");
});
$("#txtPwd").blur(function(){
if($("#txtPwd").val()==""){
$("#dPwd").html("<font color=red>*密码不能为空!</font>");
return false;
}
if(!regu.test($("#txtPwd").val())){
$("#dPwd").html("<font color=red>*密码必须由字母,数字,下划线组成(4-16位)!</font>");
return false;
}
$("#dPwd").html("<img src='image/check_right.gif'/>");
});
$("#txtPwd2").blur(function(){
if($("#txtPwd2").val()==null){
$("#dPwd2").html("<font color=red>*确认密码不能为空!</font>");
return false;
}
if($("#txtPwd2").val()!=$("#txtPwd").val()){
$("#dPwd2").html("<font color=red>*确认密码输入有误!</font>");
return false;
}
$("#dPwd2").html("<img src='image/check_right.gif'/>");
});
});
</script>

</head>

<body>
<form action="Register" method="post" onsubmit="return blur()" >
<table width="500" border="0" align="center" cellspacing="4" cellpadding="0">
<tr >
<td colspan="3" align="center"><h2>会员注册信息</h2>
</tr>
<TR>
<td width="90" valign="bottom">会 员 名:
<td width="210" valign="bottom"><input type="text" id="txtName" name="txtName" class="input" >
<td><div id="dName"></div>
</TR>
<tr >
<td valign="bottom">密 码:
<td valign="bottom"><input type="password" id="txtPwd" name="txtPwd" class="input">
<td><div id="dPwd"></div>
</tr>
<tr>
<td valign="bottom">确认密码:
<td valign="bottom"><input type="password" id="txtPwd2" name="txtPwd2" class="input">
<td><div id="dPwd2"></div>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="btnsubmit" value="注 册">
</tr>
</table>
</form>
</body>
</html>

第一种: 用js提交, submit-button
第二种。你检查下。
$("#txtName").blur(function(){ --这句是☞文本框失去焦点后触发的事件对吧。

onsubmit="return blur()" --☞方法

改为 function blur(){
然后把校验的代码复制进去即可 。
}
则.$("#txtName").blur(function(){ blur();}); 即可
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-07-31
你把submit标签改成button 然后用js提交
function tijiao()
{

if($("#keyword").val() == '')
{
$("#keyword").focus();
return false
}
document.frm.submit();
}
表单加个name = ‘frm’