Html 必填和formSubmit（）格式

我有表单，我的sumbit按钮不在此表单中（在我网站的右侧-预订按钮），所以我让formSubmit（）用id调用此表单。我决定使用html5，并且是必需的，因为用户必须定义他们的信息，如姓名、电子邮件

这是代码：

<script>
    function formSubmit()
     {

     document.getElementById("reservation").submit();

     }
    </script>

    and my form

    <form method='post' action='mail.php' id='reservation' >
    <input required type='text' name='from' id='FadeMeIna' size='6'  />
    <input required type='text' name='to' id='FadeMeInb' size='6' />
    <input required type='text' name='email' id='formdetail'  value='' size='16'  />
    </form>

    this is my submit button in a new div 

    <p type="submit" style="display:none;" onclick="formSubmit();" /> <a href="#">Rezervovať</a></p>

函数formSubmit（）
{
document.getElementById（“保留”）.submit（）；
}
还有我的表格
这是我在新div中的提交按钮

我的问题是它不起作用，我一直在寻找解决方案，但我什么也没找到

---

感谢您的帮助

所需

确实有效，您可以在我用表单和提交按钮创建的JSFIDLE上看到：

因此，您的问题可能是绕过了基于浏览器的字段检查，并使用脚本创建了自己的提交函数。因此，当用户按下submit按钮时，它会执行您要求它执行的操作—通过脚本提交表单

---

如果您使用基于表单的提交选项，那么您可以按照预期使用HTML5 required属性。如果没有，我想你需要在提交之前检查这些字段是否通过JS填充

您的问题是，交互式表单验证仅在用户交互时进行（在输入中按enter键或单击submit按钮。您当前无法使用表单api来实现这一点。（但有一种称为reportValidity的方法。）

好消息是，HTML5还有另外一个特性，表单内容属性

<form method='post' action='mail.php' id='reservation' >
    <input required type='text' name='from' id='FadeMeIna' size='6'  />
    <input required type='text' name='to' id='FadeMeInb' size='6' />
    <input required type='email' name='email' id='formdetail'  value='' size='16'  />
</form>


<button type="submit" form="reservation" />Rezervovať</button>

雷泽沃瓦

下面是一个演示：