如何通过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;
}

同样在你的input元素中，你需要一个id="gender"因为.getElementById不能只使用name属性