2012-09-27 70 views
0

您好我想验证的字段值这里提交表单之前是我的代码的Javascript验证的形式提交

<table width="600" border="0" align="left"> 
<tr> 
<script type="text/javascript"> 
function previewPrint() 
{ 

var RegNumber = document.getElementById('PP_RegNoTextBox').value; 
var PassportNo = document.getElementById('PP_PassportNoTextBox').value; 
if (RegNumber=="") 
{ 
    alert("Please enter your Reg No.!"); 
    document.getElementById('RegNoTextBox').focus(); 
    return false; 
} 
if (PassportNo=="") 
{ 
    alert("Please enter your Passport No.!"); 
    document.getElementById('PassportNoTextBox').focus(); 
    return false; 
} 
    //window.open('regformview.php?RegNumber=RegNumber'); 
    } 
    </script> 
<form name="ppform" onSubmit="return previewPrint();" method="post" action="regformview.php"> 
<td width="100" align="LEFT" class="font8">&nbsp; </td> 
<td width="337" align="LEFT" class="font8"><u>Preview your Application:</u> Please provide requested details.<br> 
    Reg No.: <input type="text" name="printregno" id="PP_RegNoTextBox" class="input2"> Passport No.: <input type="text" name="printemail" class="input2"><input type="hidden" name="flagging" id="PP_PassportNoTextBox" value="1" class="input2">&nbsp;</td> 
<td width="50" align="LEFT" class="font8"><div style="float:left; background-image:url(images/printPreview1.jpg); background-repeat:no-repeat;"> 
    <input type="image" src="images/printPreview1.jpg" name="ppbutton" value="" onMouseOver="this.src='images/printPreview2.jpg'" onMouseOut="this.src='images/printPreview1.jpg'"></div></td> 

</form> 
    </tr> 
</table> 

问题是它的正确显示警告框,如果它的空白,但在页面导航到regformview。提交后的PHP。如何在验证后导航到regformview.php。

回答

4

这些是不确定的:

document.getElementById('RegNoTextBox').focus(); 
document.getElementById('PassportNoTextBox').focus(); 

它应该是:

document.getElementById('PP_RegNoTextBox').focus(); 
document.getElementById('PP_PassportNoTextBox').focus(); 
+0

现在,它的做工精细..thanks很多... – Rakesh

+0

@Vijesh然后接受的答案:-) –

+0

关诅咒。3薄荷留痕的答案对我来说.. :-) – Rakesh

2

一切都很好,除非你有错误在你的脚本让您提交即使验证失败。

更改以下行

document.getElementById('PassportNoTextBox').focus(); 

document.getElementById('RegNoTextBox').focus(); 

作为

document.getElementById('PP_PassportNoTextBox').focus(); 

document.getElementById('PP_RegNoTextBox').focus(); 
0

试试这个应该有效。

onSubmit="previewPrint();return false;" 
+0

使用,表单将永远不会提交。除非你想要一些非常沮丧的用户(并且没有表单提交),否则我不会推荐。 – MrCode