2016-08-14 109 views
1

如何通過HTML中的文本框驗證男性/女性?如何通過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"/> 
+1

爲什麼不使用單選按鈕呢? –

+1

總是會返回false,因爲它永遠都是!= MALE或!= FEMALE。 – MacroMarc

回答

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不工作只是name屬性

相關問題