如果表單使用 JavaScript 發布到兩個不同的頁面，為什么 HTML5 必填字段不是強制性的？

Question

我正在使用下面可以看到的表格。 由於我添加了基於 JavaScript 的雙重發布功能，因此必填字段不再是必填字段，我可以在不填寫必填字段的情況下提交表單。

這是我的表格：

<form name="Form1" method="post" >
<table>
      <tr>
        <td style="text-align:left;">N° de contrat</td>
         <td>:</td>
         <td><input type="text" name="nbcontrat" required class="tdtr"/></td>
    </tr>       
    <tr> 
        <td></td>
            <td></td>
            <td><INPUT type="button" value="Enregistrer" class="btn btn-lg btn-success btn-block" onclick="OnButton1(); OnButton2();">
            </td>           
    </tr>
</table>
</form>

還有我的 JavaScript：

function OnButton1()
{
    document.Form1.action = "form1.php"
    // document.Form1.target = "_blank";    // Open in a new window

    document.Form1.submit();             // Submit the page

    return true;

}

function OnButton2()
{
    document.Form1.action = "an1.php"
    document.Form1.target = "_blank";    // Open in a new window

    document.Form1.submit();             // Submit the page

    return true;
}

我如何再次要求這些字段？

Answer 1

使用 JavaScript 提交表單會繞過驗證檢查。

您可以使用 checkValidity 手動執行它。

if (myForm.checkValidity()) {
    myForm.submit();
}