javascript - 下拉未定义的 javascript 表单验证错误

Question

我有以下 html 代码示例:

<form id="registration" action="process.php" onsubmit="return validateForm()" method="post">
    <label for="range_date" class="form">Select Range Date</a></label>
    <select name="range_date">
        <option value="" style="display:none;"></option>
        <option value="June 27th 2014 6:00pm">June 27th 2014 6:00pm</option>
        <option value="June 27th 2014 8:00pm">June 27th 2014 8:00pm</option>
    </select>
</form >

以及以下示例 js 代码:

if (document.forms["registration"]["range_date"] != 'undefined') 
{
    var range_date=document.forms["registration"]["range_date"].value;
    if (range_date==null || range_date=="")
    {  
        alert("Please select a Range Date");
        return false;
    }  
}

我在 firebug 中收到错误，指出:“document.forms.registration.range_date 未定义”，但我不希望它到达 if 语句的内部。有什么想法吗？

Answer 1

那是因为'undefined'!= undefined。

只需使用真实检查

if (document.forms["registration"]["range_date"]) {

或删除引号

if (document.forms["registration"]["range_date"]===undefined) {