为什么html中的required属性不'；不行？

我想在提交之前尝试验证输入，因此我在输入结束时使用了required属性，但它不起作用，我已经尝试了一些推荐的解决方案，如将输入包装在表单标记中或尝试关闭输入标记（）但当我提交带有空输入的表单时，它仍会正常提交，并且不会声明必填字段。 如果有任何帮助，我将不胜感激，谢谢！！ 这是我代码的一部分

<form id="form" style="background-color:honeydew ;" class="container text-center">

    <div><br><h2> Contact Us </h2></div>
    <div id="contact">
        <div> 
            <label> Name</label>
            <input type="text" placeholder="Your name " name="name" required/>
        </div>
        <br>
        <div> 
            <label> Email</label>
            <input type="email" placeholder="name@gmail.com" name="email" name="email">
        </div>
        <br>
        <div> 
            <label> Message</label>
            <input type="text" style="height:50px;" name="message">
        </div>
        <br>
        <div><input type="button" value="submit" name="submit"><br></div>
        <br>
    </div>
    <br>

</form>

---

因此，我首先将输入类型更正为submit

<input type="submit" value="submit" name="submit">

到

---

而且它似乎可以工作：）

您使用的是什么浏览器？是否涉及任何Javascript？我正在使用Opera，是的，我正在处理一个Javascript页面以及其他链接到bootstrap以进行样式设置的页面。因此，表单是否通过Javascript提交？是的，通过单击sumbit按钮，我调用一个函数，获取提交的信息并继续（submitButton.addEventListener）（'click'，processForm）；然后您显然要用自己的行为替换表单行为，并且还需要在Javascript中复制所需的逻辑。或者，不要挂接按钮单击事件，而是挂接表单的

submit

事件，该事件可能仅在验证后触发（现在我还不确定）。

<input type="submit" value="submit" name="submit">

submitButton.addEventListener('click',processForm); 

submitButton.addEventListener('form.submit()',processForm);