php - Javascript - 如果条件由 "&&"分隔(需要建议)

Question

这应该是一个非常简单的修复...

我有一个注册表单，我想验证它是否包含空字段，并让 javascript 在必要时返回一个简单的弹出式警报。这是脚本代码:

<script type="text/javascript">
    function validateForm() {
        var a = document.forms["registration_form"]["school"].value;
        var b = document.forms["registration_form"]["name"].value;
        var c = document.forms["registration_form"]["password"].value;
        var d = document.forms["registration_form"]["field"].value;
        var e = document.forms["registration_form"]["field_location"].value;
        var f = document.forms["registration_form"]["volleyball_campus"].value;
        var g = document.forms["registration_form"]["volleyball_location"].value;
        var h = document.forms["registration_form"]["indoor"].value;
        var i = document.forms["registration_form"]["outdoor_courts"].value;
        var j = document.forms["registration_form"]["blackout"].value;
        var k = document.forms["registration_form"]["blackout_dates"].value;
        if (a == "" || b == "") {
            alert("Please make sure to enter your name and school.");
            return false;
        } else if (c != "pal") {
            alert("Sorry, your password is invalid.");
            return false;
        } else if (d == "no" && e == "") {
            alert("Please make sure to enter where you will play football.");
            return false;
        } else if (f == "no" && g == "") {
            alert("Please make sure to enter where you will play volleyball.");
            return false;
        } else if (h == "no" && i == "0") {
            alert("Please make sure to select how many outdoor volleyball courts you will use.");
            return false;
        } else if (j == "yes" && k == "") {
            alert("Please make sure to enter your blackout dates.");
            return false;
        }
    }
</script>

变量 a、b 和 c 一切正常。然而，以变量d && e开头的else if条件似乎并没有执行。我想我一定是在措辞上做错了什么，但我不知道它是什么。

我已经设置了我的服务器端 php 脚本来执行完全相同的操作并且它可以正常工作。你可以在这里看到它:

//Validate the form:
if ($_POST['school'] == "" || $_POST['name'] == "") {
    echo "Please make sure to enter your name and school.";
} elseif ($_POST['password'] != "pal") {
    echo "Sorry, your password is invalid.";
} elseif ($_POST['field'] == "no" && $_POST['field_location'] == "") {
    echo "Please make sure to enter where you will play football.";
} elseif ($_POST['volleyball_campus'] == "no" && $_POST['volleyball_location'] == "") {
    echo "Please make sure to enter where you will play volleyball.";
} elseif ($_POST['indoor'] == "no" && $_POST['outdoor_courts'] == "0") {
    echo "Please make sure to select how many outdoor volleyball courts you will use.";
} elseif ($_POST['blackout'] == "yes" && $_POST['blackout_dates'] == "") {
    echo "Please make sure to enter your blackout dates.";
} else {

这按照我的预期捕获了所有内容，但是客户端 Javascript 验证(我首先运行它只是为了更加用户友好的外观)似乎无法通过前三个变量。

我这辈子都想不通为什么。我在整个互联网上进行了搜索，但无法完全找到我正在寻找的答案。任何帮助将不胜感激!

附言该页面本身位于 http://www.712jefferson.org/pal/registration.html。 ，如果这有助于阐明预期的过程。

Answer 1

仅当 d 等于 no 且 e 留空时才会显示警报。这同样适用于 f 和 g。这没有意义。举个例子:

我打 Volley 但不在校园里打所以我在f中输入no，你的逻辑希望我输入一个空字符串在 g 中，您确实希望用户输入 Volley 位置。

这应该改为:

else if (f == "no" && g != "") {

}  

注意从 == 到 != 的变化，这意味着 g 不等于空字符串。这同样适用于 d 和 e(如果 d 设置为，您不希望 e 为空“不”)。

另外验证你的密码客户端是有风险的，我希望你有服务器端验证。