1

我是网络开发的新手。我有一个关于在单个 php 页面中验证用户输入数据的问题：

这是我的代码

<html>
    <head>
        <script lanauge="JavaScript" type="text/javascript">
            function validate_skill_name()
        {
            if (document.worker.skill_name == null 
                    || document.worker.skill_name == "") {
                alert("skill name field is incorrect");
                document.worker.skill_name.focus();
                return false;
            }
            return true;
        }

        function validate_skill_id()
        {
            if (document.worker.worker_id1 == null 
                    || isNaN(document.worker.worker_id1)) {
                alert("skill: worker id 1 field is incorrect");
                document.worker.worker_id1.focus();
                return false;
            }
            return true;
        }

        function validate_time_id()
        {
            if (document.worker.worker_id2 == null 
                    || isNaN(document.worker.worker_id2)) {
                alert("time: worker id 2 field is incorrect");
                document.worker.worker_id2.focus();
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
    <h1> Select Workers </h1>
    <form name="worker" action="" method="post" onsubmit="return(validate_skill_name());">
        Skill Name: <input type="text" name="skill_name"/><br />
        <input type="submit" value="submit me!"/>
    </form>

    <h1> Get Worker Skill </h1>
    <form name="worker" action="" method="post" onsubmit="return(validate_skill_id());">
        ID: <input type="text" name="worker_id1"/> <br />
        <input type="submit" value="submit me!"/>
    </form>

    <h1> Get Worker Available Time </h1>
    <form name="worker" action="" method="post" onsubmit="return(validate_time_id());">
        ID: <input type="text" name="worker_id2"/> <br />
        <input type="submit" value="submit me!"/>
    </form>

    <?php
        require_once "../logic.php";

        if ($_POST) {
            $result = NULL; 
            if (array_key_exists('worker_id2', $_POST)) {
                $result = logic_get_worker_available_time($_POST['worker_id2']);
            } else if (array_key_exists('skill_name', $_POST)) {
                $result = logic_select_has_skill($_POST['skill_name']);
            } else if (array_key_exists('worker_id1', $_POST)) {
                $result = logic_get_worker_skills($_POST['worker_id1']);
            }
            echo htmlspecialchars(print_r($result));
        } 
    ?>

</body>

我的问题是，此代码不验证用户输入数据。我不知道为什么。因为我对我的其他 php 页面做了完全相同的事情，只是它们只有一种形式，而不是像以防万一那样的多种形式。

结果，用户输入没有得到验证。$_POST 请求总是被发送到我的 logic.php。

希望任何人都可以帮助我。

4

2 回答 2

2

您应该使用 ID 属性来唯一标识页面上的元素 - 例如在您的情况下的表单。

<form id="myFormID">
    <input name="skill_name" type="text" />
</form>

然后您可以通过 javascript 引用表单：

document.getElementById("myFormID");
function validate_skill_name()
{
    var formElm = document.getElementById("myFormID");

    if (formElm.skill_name.value == null || formElm.skill_name.value == "") {
        alert("skill name field is incorrect");
        formElm.skill_name.focus();
        return false;
    }
    return true;
}

此外，更好的方法是使用 jQuery：

$("#myFormID").submit(function(){
    var inputElmVal = $("input[name=input_field_name]").val();
    if(inputElmVal == '')
    {
        // Do your null validation here ....
    }
});
于 2013-03-17T20:17:34.177 回答
0

你需要使用value，输入的名称是html元素

function validate_skill_name() {
    if (document.worker.skill_name.value == null 
        || document.worker.skill_name.value == "") {
        alert("skill name field is incorrect");
        document.worker.skill_name.focus();
        return false;
    }
    return true;
}

http://jsfiddle.net/gcREC/

于 2013-03-17T20:23:22.173 回答