Question

我遇到的问题是我试图让contact.php验证现在位于我网站每个页面底部的联系表单。只需验证一个页面并使用硬URL将其带回来，效果很好。麻烦的代码就是这个。

/* In case of no valid input go back  */
if ($p1==""||$p2==""||$p3==""||$p5==""||$n0!=0||$f0<7||$NL==0||$p7=="") {
    header($_SERVER['HTTP_REFERER'].$report); 
}else{$report='noerror';}

我也试过这个：

/* In case of no valid input go back  */
if ($p1==""||$p2==""||$p3==""||$p5==""||$n0!=0||$f0<7||$NL==0||$p7=="") {
    header($_SERVER['PHP_SELF'].$report); 
}else{$report='noerror';}

这是适用于一个页面的原始代码：

/* In case of no valid input go back  */
if ($p1==""||$p2==""||$p3==""||$p5==""||$n0!=0||$f0<7||$NL==0||$p7=="") {
   header('Location:estimate_page.php?'.$report);
}else{$report='noerror';}

我可以为页脚中包含该表单的每个页面创建一个新的“contact.php”页面，但如果我可以完成这项工作那就太愚蠢了。任何想法

Answer 1

您正在使用javascript / jQuery思考正确的方向 - 它将允许您在提交/更改页面之前捕获无效字段。更好的用户体验。仅在验证字段时提交。

以下是如何使用jQuery进行简单字段验证测试的链接：

jsFiddle Demo

<强> HTML：

One: <input type="text" id="f1"><br />
Two: <input type="text" id="f2"><br />
Three: <input type="text" id="f3"><br />
Four: <input type="text" id="f4"><br />
<br />
<input type="button" id="mybutt" value="Go" />

<强>的javascript / jQuery的：

var chkFld, arrAll = {'One':'f1','Two':'f2','Three':'f3','Four':'f4'};

$('#mybutt').click(function() {
    var errMsg='', badFlds='', firstBad='';
    for(var key in arrAll){
        chkFld = '#'+arrAll[key];
        $(chkFld).removeClass('error');
        if ($(chkFld).val() ==''){
            $(chkFld).addClass('error');
            //alert('Please complete field ' + arrAll[key] );
            errMsg += '*' + key + '\n';
            if (firstBad=='') firstBad=chkFld;
        }
    }
    if (errMsg != '') {
        alert(errMsg);
        $(firstBad).focus();
    }
}); //END mybutt.click

请注意，上面的示例使用jQuery，因此您必须引用jQ库（通常在head标记内部，如下所示：）

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

修改

以下是完整HTML的外观：

<?php //Any initial PHP code goes here ?> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> //javascript var chkFld, arrAll = {'One':'f1','Two':'f2','Three':'f3','Four':'f4'}; $(document).ready(function() { $('#mybutt').click(function() { var errMsg='', badFlds='', firstBad=''; for(var key in arrAll){ chkFld = '#'+arrAll[key]; $(chkFld).removeClass('error'); if ($(chkFld).val() ==''){ $(chkFld).addClass('error'); //alert('Please complete field ' + arrAll[key] ); errMsg += '*' + key + '\n'; if (firstBad=='') firstBad=chkFld; } } if (errMsg != '') { alert(errMsg); $(firstBad).focus(); return false; } //If it gets to here, it passed validation $('#yourForm').submit(); }); //END mybutt.click() }); //END $(document).ready() </script> </head> <body> <form id="yourForm"> One: <input type="text" id="f1" /><br /> Two: <input type="text" id="f2" /><br /> Three: <input type="text" id="f3" /><br /> Four: <input type="text" id="f4" /><br /> </form> <input type="button" id="mybutt" value="Click Me"> </body> </html>

请注意，使用上述方案，使用手册$('#yourForm').submit();语句，没有其他PHP代码执行直到提交表单。

如何使用java脚本验证php表单，即我网站的每个页面

1 个答案: