JavaScript可在IE8和9中使用，但不能在Chrome中使用

Question

我有这个JavaScript，以查看是否选择了下拉菜单。 如果不是，则显示错误消息。 问题在于该代码可在IE9和8中运行 ，但不能在Chrome中运行 。

一种简单的解决方案是在标签中添加“ required ”属性，但是我想知道代码无法正常工作的原因。

<form name="form1" action="insert.php" method="post" onsubmit="return validateForm()">
<table name="table1">
     <tr>
        <td>
            <select name="fruits">
                <option selected disabled>Please Select</option>
                <option value="banana>banana</option>
                <option value="apple>apple</option>
            </select>
        </td>
    </tr>
</table>
<input type="submit" value="Submit"/>
</form>

<script type="text/javascript">
    function validateForm()
    {
    var x=document.forms["form1"]["fruits"].value;
    if (x==null || x=="")
      {
      alert("Please Select Fruit");
      return false;
      }
    }
</script>

Answer 1

请查看此代码， required是html5属性，默认情况下检查是否为empty值

<form name="form1" action="insert.php" method="post" onSubmit="return validateForm()">
    <table name="table1">
        <tr>
            <td>
                <select name="fruits">
                    <option value=" "  disabled>Please Select</option>
                    <option value="banana">banana</option>
                    <option value="apple">apple</option>
                </select>
            </td>
        </tr>
    </table>
    <input type="submit" value="Submit" />
</form>
<script>
    function validateForm() {
        var x = document.forms["form1"]["fruits"].value;

        if (x == null || x == " ") {
            alert("Please Select Fruit");
            return false;
        }
    }
</script>

此处的演示： http : //jsfiddle.net/2zgGM/