必填表单域不起作用

Question

我有一个带有必填字段的表单，但它允许我在必填字段中没有值的情况下提交表单。验证这一点的最佳方法是什么？

<form action="formmail.php" method="post" id="orderform" onsubmit="formmail.php">
    <input name="company" id="company" type="text" class="orderFormFields" placeholder="Company Name" /> 
    <input name="name" id="name" type="text" class="orderFormFields" placeholder="Name" required/>
    <input name="phone" id="phone" type="text" class="orderFormFields" placeholder="Phone" required/> 
    <input name="email" id="email" type="email" class="orderFormFields" placeholder="Email" required/> 
    <button  class="formButton" type='submit' id='submit' value='Submit'/>
</form>

Answer 1

您还可以在样式表中使用它来隐藏提交，直到用户提供有效输入。使用这种方法还可以确保填写表单的人使用实际的电子邮件(而不是只输入"asdf")。

.orderFormFields {
     border-color: #3c3c3c;
}

.orderFormFields:valid {
     border-color: green;
}

祝你好运=)