Question

我的问题是，在将页面重定向到外部文件后，我的表单停止执行任何操作。

目前有效。

按下提交按钮
JavaScript验证，如果输入有效，则将表单提交给我的PHP文件。
调用我的PHP文件并执行自己的功能。
如果PHP发现问题，它会重定向回表单页面。
表单页面提示，并显示错误消息。

据我所知，以上所有都是有效的。

6.User纠正数据 7.用户按下提交，没有任何反应。

这就是问题所在。

一旦页面被PHP页面重定向，表单就会没有响应。

显示我的PHP错误，JavaScript仍可正常运行。

但提交和清除表单的按钮不起作用。

如果有任何帮助，我正在使用header('Location: NewHost.php');重定向到该页面。

我测试了所有的Java和PHP，一切似乎都有效。并且表单第一次正常工作，而不是在PHP重定向之后。

以下是我页面上的表单：

<form id="newsuer"  action="ProHost.php"  method=post onSubmit="return validateInput();" >
   <p id="demo" style="text-align: center"><?php echo($_SESSION['Error']) ?></p>
First Name: 
   <input Id="FName" name="FName" type="text" required placeholder="john" size="35"  value="d" >
Last Name: 
   <input Id="LName" name="LName" type="text" required placeholder="Smith" size="35" value="d">
Email: 
   <input Id="email" name="email" type="text" required placeholder="John@Smith.com" size="35"  >
Birth Date: 
   <input Id="BirthDate" name="BirthDate" type="date" required  min="1900-01-01"> 
Password: 
   <input Id="Pass" name="Pass" type="password" required size="35"  placeholder="Secret" >
Retype Password: 
   <input Id="PassRe" name="PassRe" type="password" required size="35" placeholder="Secret" >

<input type="reset"  class="Button" value="Clear" name="ResetBtn">
<input type="submit" class="Button" value="Submit">

</form>

以下是JavaScript的简单概述。

function validateInput() {  
//alert("validateInput ran");

document.getElementById("email").setCustomValidity("");  

var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    var Fname = document.getElementById("FName").value;
    var Lname = document.getElementById("LName").value;              
    var BirthDate = document.getElementById("BirthDate").value;                     
    var Formvalid = true;
    var email = document.getElementById("email").value;

    var Pass1 = document.getElementById("Pass").value;
    var Pass2 = document.getElementById("PassRe").value;


    document.getElementById("demo").innerHTML= '';                              
    if(Pass1 == Pass2 && Pass1.length > 0){ 

        document.getElementById("demo").innerHTML=  ('');
        //Formvalid = true;     

    }else{                  

        document.getElementById("demo").innerHTML=  ('The passwords dont match'); 
        document.getElementById("demo").style.backgroundColor = '#D4C7AE';
        document.getElementById("PassRe").style.backgroundColor = '#D4C7AE';
        Formvalid = false;                   

    };                              
    document.getElementById("PassRe").setCustomValidity(''); 

    if(re.test(email)){

        //document.getElementById("demo").innerHTML=  ('');     
        //Formvalid = true;

    }else{              

        document.getElementById("demo").innerHTML +=  ('<div id="Error">  The email "' +  email + '" is not valid  </div>');
        document.getElementById("email").style.backgroundColor = '#D4C7AE'; 
        Formvalid = false;  

    };
    //alert(Fname + " | " + Lname+ " | " +  email+ " | " +  BirthDate + " | " + Formvalid);
    return Formvalid;                   

}

重新加载后HTML表单无响应

目前有效。

这就是问题所在。

0 个答案: