jquery - 如何防止使用jquery提交表单？

Question

实际上在jsp页面中我使用spring标签和jquery代码..听到的是我的代码..

    <form:form action="process">

        <p class="forgot">
            <a href="login/forgotPassword" class="submit_forgotPassword">Forgot your
                password?</a>
        </p>
        <p class="remember">
            <input id="signin_submit" value="Sign in" tabindex="6" type="submit">

        </p>
    </form:form>

<script>
    $('#LOGIN').ajaxForm({
        target : '#body',
        success : function(responseText, statusText, xhr, $form) {
            alert(responseText);
        },
        beforeSubmit : function() {
            $.blockUI({
                message : '<h1> Just a moment...</h1>'
            });
        }
    }); 
    $('.submit_forgotPassword').click(function(event){
        event.preventDefault(); // interrupt default hyperlink behavior
        $("#LOGIN").attr("action",$(this).attr("href"));
        $("#LOGIN").submit();
    });

</script>

问题是提交表单未执行所需的操作

实际上我的代码有两个操作 1. 提交 2. 忘记密码？

1.我们第一次给出正确的值并单击“提交”，它工作正常..

2.第二次(点击注销后)我们提供电子邮件 ID 并单击忘记密码？ 链接电子邮件将发送到给定的电子邮件 ID，它也工作正常...现在问题来了...

第 3.3 次，当我们给出正确的值并单击“提交电子邮件”发送到给定电子邮件时(其工作方式类似于第二步)...

为什么它会这样工作，我指定了每个点击处理程序表单...

每当我们提供正确的值时，每次发送邮件时单击忘记密码？链接...

给我建议...

Answer 1

您在单击“忘记密码”按钮时将表单操作更改为“忘记密码”链接。我们必须将表单操作恢复为“提交”链接，否则“提交”按钮会将帖子发布到“忘记密码”链接。

<script>

    $('#LOGIN').ajaxForm({
        target : '#body',
        success : function(responseText, statusText, xhr, $form) {
            alert(responseText);
        },
        beforeSubmit : function() {
            $.blockUI({
                message : '<h1> Just a moment...</h1>'
            });
        }
    }); 
    $('.submit_forgotPassword').click(function(event){
        event.preventDefault(); // interrupt default hyperlink behavior
        //Save original form submit link before changinf it to forgot password link
        var submitBtnLink = $("#LOGIN").attr("action");
        $("#LOGIN").attr("action",$(this).attr("href"));
        $("#LOGIN").submit();
       //Revert form action to submit link after submitting forgot password
       $("#LOGIN").attr("action",submitBtnLink);
    });

</script>

试试这个