javascript - 如何通过HTML文本框验证男性/女性？

Question

如何通过HTML文本框验证男性/女性？

JavaScript:

function myFunction(evn) {
    var x = document.getElementById("gender");
    if(x.value != "MALE" || x.value != "FEMALE")
    {
        return false;
    }
    return true;
}

HTML:

<input type="text" onkeyup="myFunction(event)" name="gender" maxlength="6" style="text-transform: uppercase" title="ENTER VALID MALE,FEMALE" autocomplete="off"/>  

Answer 1

function myFunction(evn) { 

var x = document.getElementById("gender");
if(x.value.toUpperCase() != "MALE" && x.value.toUpperCase() != "FEMALE") {
    return false;
}

alert("Good text!");
return true;
}

此外，在您的输入元素中，您需要一个 id="gender" 因为 .getElementById 不适用于仅名称属性