javascript - 使用 javascript 验证表单字段为 null 或为空

Question

我正在使用以下 JavaScript 代码来检查表单中是否输入了任何内容，但它不起作用。谁能给出一个理由吗？

           function validateForm()
{
    var a=document.getElementById("quiz_01").value;
    $question = a;
    if (a=="" || a==null) {
      alert("Question 201 must be filled out");
      form1.quiz_01.focus();
      return false;
      }
}

html 摘录如下:

<form id="form1" name="form1" method="post" action=""  onsubmit="return validateForm()">
<table class="table">
    <tr>
        <td>
            <label for="quiz_01">201 A one followed by 100 zeros is a Googol</label>
        </td>
        <td>
            <select name="quiz_01" id="quiz_01">
                <option value=" "> </option>
                <option value="100">100</option>
                <option value="90">90</option>
                <option value="80">80</option>
                <option value="70">70</option>
                <option value="60">60</option>
                <option value="50">50</option>
                <option value="40">40</option>
                <option value="30">30</option>
                <option value="20">20</option>
                <option value="10">10</option>
                <option value="0">0</option>
            </select>
        </td>
    </tr>
</table>
<p>
    <input type="submit" name="next" value="Next &gt;">
</p>

Answer 1

第一个选项:

<option value=" "> </option>

具有一个空格的值，而不是空字符串。因此要么更改值，要么更改JS代码。另请注意，.value 属性永远不会为 null，因此您无需对此进行测试。

if (a == " ") {

演示:http://jsfiddle.net/RyN5W/