表单提交是 需要点两次完成按钮 。想要个改进方法


<%@page contentType="text/html;charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>用户注册 - 当当网</title>
<link href="../css/login.css" rel="stylesheet" type="text/css" />
<link href="../css/page_bottom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
var flag = false;
$("#f").submit(function(){
var code = $("#validatecode").val();
$.post(
"dangdang/user/checkemailverifycode.action",
{"code":code},
function(data){
if(data){
flag = true;
}else{
alert("验证码错误");
flag = false;
}
},
"json"
);
return flag;
});
});

</script>
</head>
<body>
<%@include file="../common/head1.jsp"%> <div class="login_step">
注册步骤: 1.填写信息 >
<span class="red_bold">2.验证邮箱</span> > 3.注册成功
</div>
<form action="dangdang/user/regist!emailIsOk.action?email=${user.email }" method="post" id="f">
<div class="validate_email">
<h2>
感谢您注册当当网！现在请按以下步骤完成您的注册!
</h2>
<div class="look_email">
<h4>
第一步：查看您的电子邮箱
</h4>
<div class="mess reduce_h">
我们给您发送了验证邮件，邮件地址为：
<span class="red"><span id="lblEmail">${user.email}</span>
</span>
<span class="t1"> 
请登录您的邮箱收信。
</div>
<h4>
第二步：输入验证码${user.emailVerifyCode}
</h4>
<div class="mess">
<span class="write_in">输入您收到邮件中的验证码：</span>
<input name="code" type="text" id="validatecode" class="yzm_text" />
<input class="finsh" type="submit" value="完 成"  id="Button1" />
<span id="errorMsg" class="no_right"></span>
</div>
</div>
</div>
</form>
<%@include file="../common/foot1.jsp"%>
</body>
</html>

解决方案 »

  1.   


    <input class="finsh" type="button" value="完 成"  id="Button1" />
    $("#f").submit方法绑定替换为：$("#Button1").click(function(){
        var code = $("#validatecode").val();
        $.post(
            "dangdang/user/checkemailverifycode.action",
            {"code":code},
            function(data){
                if(data){
                    $("#f").submit();
                }else{
                    alert("验证码错误");
                    return false;
                }
            },
            "json"
         );
    });
      

  2.   

    LZ，你这写发不对，当着页面准备就绪的时候，你就已经触发了一次提交了。
    +1，楼上正解，把完成的button按钮的type改成button，之后去调用button的点击事件！