设置表单验证功能时遇到问题

Having issues setting up function for form validation

本文关键字：遇到问题功能表单验证设置更新时间：2023-09-26

<td> <label> Gender: </label> </td>
<td> <select> id="gender" name = "gender">
                        <option>Select a gender</option>
                        <option>Male</option>
                        <option>Female</option>
                     </select>
                </td>

这是我试图验证的形式，这是我的javascript，但我看不到让它工作：

function validateGender(){
                if("" == document.getElementsByID('gender')[0].selectedIndex){
                    alert("Please select a gender")
                    return;
}
            }

function validateGender(){
                if(document.getElementById("gender").selectedIndex==0){
                    alert("Please select a gender");
                    return;
}
            }

<select id="gender" name = "gender">
                        <option>Select a gender</option>
                        <option value="male">Male</option>
                        <option value="female">Female</option>
                     </select>
                     <button onclick="validateGender()">validate</button>

检查这个。

尝试：

    <script>
        function validateGender(){
            if( document.getElementById('gender').selectedIndex == 0 ){
                alert("Please select a gender");
            }
        }
    </script>
    <form>
        <table>
            <tr>
                <td> <label> Gender: </label> </td>
                <td> <select id="gender" name = "gender">
                    <option>Select a gender</option>
                    <option>Male</option>
                    <option>Female</option>
                </select>
                </td>
            </tr>
        </table>
        <input type="button" onclick="validateGender()" value="Submit">
    </form>

小提琴：http://jsfiddle.net/55v9mboa/1/