php表单中的JQuery - 重定向到成功页面答案

【问题标题】：JQuery in php forms - redirect to success pagephp表单中的JQuery - 重定向到成功页面
【发布时间】：2015-02-14 18:58:04
【问题描述】：

我正在使用 Jquery 在 php 表单中进行表单验证。表单提交成功后我无法重定向到成功页面请帮助

这是我的 jquery 代码：

$(document).ready(function()
{
$("#btnreg").click(function(){

var name = $("#name").val();
var uname = $("#uname").val();
var dept = $("#dept").val();
var ap_no = $("#ap_no").val();
var reg_no = $("#reg_no").val();
var password = $("#pswd").val();
if( name =='' || uname =='' || dept =='' || password =='' || reg_no=='')
    {

      alert("Please fill all fields...!!!!!!");
    }   
else if((password.length)<8)
    {
        alert("Password should atleast 8 character in length...!!!!!!");
    }
else
    {
        $.post("stud_reg_code.php",{ name: name, uname: uname, password:password ,dept:dept ,ap_no:ap_no ,reg_no:reg_no},
      function(data) {
       if(data=='done')
       {

        window.open('http://localhost/itron7/signup_success.php');

       }
    });
   }

});
});

函数返回数据，如果表单提交成功，数据值将被“完成” 但是表单被提交并重置并且重定向没有完成

如何解决？

【问题讨论】：

标签： javascript php jquery forms

【解决方案1】：

尝试使用 window.location = "http://www.stackoverflow.com" 进行重定向，不要忘记使用 preventDefault()

【讨论】：

通过添加 preventDefault() 提交按钮不起作用

【解决方案2】：

使用e.preventDefault() 停止默认功能。给你的表单一个id 说#form 并使用submit 触发器

$("#form").submit(function(e){

e.preventDefault();

var name = $("#name").val();
var uname = $("#uname").val();
var dept = $("#dept").val();
var ap_no = $("#ap_no").val();
var reg_no = $("#reg_no").val();
var password = $("#pswd").val();
if( name =='' || uname =='' || dept =='' || password =='' || reg_no=='')
    {

      alert("Please fill all fields...!!!!!!");
    }   
else if((password.length)<8)
    {
        alert("Password should atleast 8 character in length...!!!!!!");
    }
else
    {
        $.post("stud_reg_code.php",{ name: name, uname: uname, password:password ,dept:dept ,ap_no:ap_no ,reg_no:reg_no},
      function(data) {
       if(data=='done')
       {

        window.open('http://localhost/itron7/signup_success.php');

       }
    });
   }

});
});

【讨论】：

【解决方案3】：

最终通过更改重定向代码解决

$(document).ready(function()
{
$("#btnreg").click(function(){

var name = $("#name").val();
var uname = $("#uname").val();
var dept = $("#dept").val();
var ap_no = $("#ap_no").val();
var reg_no = $("#reg_no").val();
var password = $("#pswd").val();
if( name =='' || uname =='' || dept =='' || password =='' || reg_no=='')
    {

      alert("Please fill all fields...!!!!!!");
    }   
else if((password.length)<8)
    {
        alert("Password should atleast 8 character in length...!!!!!!");
    }
else
    {
        $.post("stud_reg_code.php",{ name: name, uname: uname, password:password ,dept:dept ,ap_no:ap_no ,reg_no:reg_no},
      function(data) {
       if(data==1)
       {

                        var url = "http://localhost/itron7/signup_success.php";
                        $(location).attr('href',url);

       }
    });
   }

});

});

【讨论】：