javascript - HTML5 验证在 OnChange 选择框表单上不起作用 提交

Question

HTML5 验证在 OnChange 选择框表单提交时不起作用。

如果我使用提交按钮验证工作，但我需要 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 Form submission algorithm ，其中第 4 项列出了执行验证的条件，包括未设置“从 submit() 方法标志提交”的要求。