如何使用Java腳本驗證php表單，該表單在我網站的每個頁面上

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演示

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代碼$('#yourForm').submit(); 聲明。

如何使用Java腳本驗證php表單，該表單在我網站的每個頁面上

問題描述

1 個解決方案

解決方案1
0 2014-08-26 02:28:42

如何使用Java腳本驗證php表單，該表單在我網站的每個頁面上

問題描述

1 個解決方案

解決方案1 0 2014-08-26 02:28:42

解決方案1
0 2014-08-26 02:28:42