如何使用表单验证来处理多个选项？

Question

表单验证的其余部分工作正常，直到我做到这一点： Sex 必须是等于 M、m、F 或 f 的单个字符

<script>
    function verify() {
        if (document.forms[0].age.value < 18) {
            alert ("Age must be between 18 and 30");
            return false;
        } 
        if (document.forms[0].age.value > 30) {
            alert ("Age must be between 18 and 30");
            return false;
        } 
        if (document.forms[0].age.value == "") {
            alert ("Age must be between 18 and 30");
            return false;
        } 
        if (document.forms[0].last.value == "") {
            alert ("Last name canot be empty.");
            return false;
        } 
        if (document.forms[0].sex.value !== "M" || "m" ||"F" ||"f")
            alert ("Please indicate your sex.");
            return false;
        } 
        alert ("Thank you for your submission.")
            return true;
    }
</script>

预期：表单提交的每个问题的弹出窗口。在添加有关性别验证的内容之前，我得到了一些。

实际：现在没有弹出窗口。

Answer 1

您对性别的验证不正确。执行布尔值或 (||) 时，条件必须出现在 || 的所有边上。

要解决此问题，请将您的性别验证代码更改为：

 var sex = document.forms[0].sex.value;
 if ( sex !== "M" || sex !== "m" || sex !== "F" || sex !== "f") {
     alert ("Please indicate your sex.");
     return false;
 } 

如您所见，if 语句分别检查每个值的性别。