提交,显示警报并重定向到某个页面

时间:2014-04-07 14:05:36

标签: javascript html

在提交表单时,必须出现“谢谢”alert,同时它应该重定向到背面的Google页面。在我尝试的下面的代码中,已经在onsubmit属性中定义了一些函数(form_validation)。我无法触及它,因为它会影响表单验证功能。怎么做到这一点?

的JavaScript

<script>
function fn()
    alert("Thanks");
</script>

HTML

<form name="TheForm" action="www.google.com" onsubmit="return form_validation(this)" method="post" id="registerToDownload"  class="registration">
    .
    .<!--fields-->
    .
    <input value="submit" type="submit" onclick="fn()">
</form>

2 个答案:

答案 0 :(得分:0)

为什么不提交确认?

<form name="TheForm" action="www.google.com" onsubmit="return form_validation(this); return confirm('Thanks!');" method="post" id="registerToDownload"  class="registration">
<!--fields-->
<input value="submit" type="submit">
</form>
</script>

onclick你的代码也错了。

form_validation中的替代方法是,如果表单未经过验证,则返回false;如果表单已经过验证,则返回警报。但是你需要把它放在onclick上,而不是提交

答案 1 :(得分:0)

也许你可以试试这个:

    <script>

    function fn() {
        if(form_validation()){
            alert("Thanks");
            return true;
        }
        return false;
    }

    </script>

    <form name="TheForm" action="www.google.com" method="post" id="registerToDownload"  class="registration">
    .
    .<!--fields-->
    .
    <input value="submit" type="submit" onclick="return fn()">
    </form>

删除&#39; onsubmit&#39;来自表单的属性,并在您的函数中调用验证函数&#39; fn()&#39;。当fn返回false时,属性onclick="return fn()"通过不提交表单来实现。