通过 Jquery Form Validator 单击提交后如何重定向页面

Posted

技术标签:

【中文标题】通过 Jquery Form Validator 单击提交后如何重定向页面【英文标题】:How to redirect page after clicking submit via Jquery Form Validator 【发布时间】:2012-09-28 22:39:17 【问题描述】:

我正在使用Jquery Form Validator 来验证我的网站注册表单,虽然它确实验证成功,但当我单击提交时它会刷新页面,而不是直接重定向到另一个页面。这是我所拥有的:

<script>    
    $(document).ready(function() 


        $("#formID").validationEngine(
            submitHandler: function(form)
            window.location="report.html"
            

    );

        function validate2fields()
        if($("#addressl1").val() =="" ||  $("#addressl2").val() == "")
            return false;
        else
            return true;
        
     
    );

    </script>

我正在使用一个简单的“提交”按钮,我尝试将链接添加到按钮中,但根本不起作用。这里是:

<input type="submit" value="Submit" id="submit">

我是这方面的初学者,所以如果我使用了错误的术语,我深表歉意。提前致谢!

【问题讨论】:

&lt;form action="..." ...&gt; 是什么? (它是否默认为标准行为?) 我没有添加表单操作,所以它现在看起来像 &lt;form action=""&gt;。提交按钮也没有。 【参考方案1】:

使用window.location.replace("url") 而不是window.location="report.html".

希望对你有所帮助。

【讨论】:

【参考方案2】:

如果要使用 window.location.replace("report.html") 或 window.location="report.html",首先将按钮类型更改为 'button' 即,

<input type="button" value="Submit" id="submit">

对于提交按钮,“window.location”将不起作用。

否则使用此方法

$("#form").attr("action","report.html");
$("#form").attr("method", "post");
$("#form").submit();

在此方法中,按钮类型也应为“按钮”,而不是“提交”。

【讨论】:

以上是关于通过 Jquery Form Validator 单击提交后如何重定向页面的主要内容,如果未能解决你的问题,请参考以下文章

jquery插件-表单验证插件-validator对象

jQuery Validator Plugin:验证 div 的内容

jQuery 验证插件未在 form$.validate() 上进行验证

表单验证——JavaScript和Jquery版

jQuery Validator异步调用[重复]

jQuery validator addMethod 动态提示信息