HTML5验证在OnChange选择框表单上不起作用

Question

HTML5验证在OnChange选择框表单Submit上不起作用。

如果我使用了提交按钮验证工作，但是我需要onChange表单提交和html％验证

<form action="do.php" method="post">
    <select id="myselect" name="myselect" onchange="this.form.submit()" required="">
        <option value="">
            select
        </option>

        <option value="1">
            One
        </option>

        <option value="2">
            Two
        </option>

        <option value="3">
            Three
        </option>

        <option value="4">
            Four
        </option>
    </select> <select id="myselect2" name="myselect2" onchange="this.form.submit()" required="">
        <option value="">
            select
        </option>

        <option value="5">
            five
        </option>

        <option value="6">
            six
        </option>

        <option value="7">
            seven
        </option>
    </select>
</form>

这是在变更表单上提交而没有验证其他选择框的条件。 请帮忙 。

Answer 1

HTML5验证仅在使用HTML构造提交表单时适用。 如果使用脚本提交，则不会进行HTML5验证。 因此，您需要使用JavaScript编写自己的验证代码。

参考：HTML5 LC，4.10.22.3 表单提交算法 ，其中第4项列出了执行验证的条件，包括未设置“ submitted from Submit submit()方法标志”的要求。

Answer 2

您可以使用此“ hack” http://jsfiddle.net/MGhA7/ 。

您指定<select required="required">以使值不能为空，然后添加<option value="" selected disabled>empty</option>以使默认值为空，并且无法再次选择。

编辑：多一点解释。

这样，就不能提交表单，因为“选择的”值实际上是“”（空），而“必需”属性则不允许； 当用户更改选择时，由于“禁用”属性，无法再次选择默认值。