经过Javascript验证页面重定向到另一个页面

Question

我已经尝试验证文本框使用javascript.when我点击提交按钮，而不插入值到文本框它的显示警告box.but在点击“确定”按钮后，页面重定向到付款.PHP page.how修复它

<form method="post" action="payments.php" > 
       First Name : <br /> 
       <input name="name" type="text" class="ed" id="name" /> <br /> 

       E-mail : <br /> 
       <input name="email" type="text" class="ed" id="email" /> <br /> 


       <input name="but" type="submit" value="Confirm" onclick="Validation()" /> 
      </form> 


function Validation() 
{ 

if (checkFName()&&checkemail()) 
    { 

    window.event.returnValue = false; 
    } 
} 

function checkFName() 
    { 
var tname = document.getElementById("name").value; 
if((tname == null)||(tname == "")) 
{ 
    alert("Please Enter your First name"); 
return false; 
} 
return true; 
} 


function checkemail() 
    { 
    var email = document.getElementById("email").value; 
    var ap = email.indexOf("@"); 
    var dp = email.lastIndexOf("."); 
    if((ap < 1)||(dp-ap < 1)||(dp >= email.length-1)) 
    { 
    alert("invalid email address"); 
    return false; 
    } 
    else 
    return true; 
    } 

Answer 1

您需要更改确认按钮类型的 “按钮”：

<input name="but" type="button" value="Confirm" onclick="Validation()" /> 

给您的表单的名称：

<form name="frm" method="post" action="payments.php"> 

然后在您的验证（）函数，如果你的形式通过验证，你可以做到以下几点：

function Validation() 
{ 
    if (checkFName()&&checkemail()) 
    { 
     document.forms["frm"].submit(); 
    } 
}