表单字段全部需要使用 HTML5 必需参数不起作用

Question

嗨，我正在尝试使表单中的所有字段都成为必填字段，

我正在使用必需的参数并将其添加到所有字段中，但它根本不起作用，没有显示任何验证错误

<form action='index.php' method='POST' enctype="multipart/form-data"> 
<h6>First Name</h6>
<input type='text' name='fname' value="First Name" required /> 
<h6>Last Name</h6>
<input type='text' name='lname' value="Last Name" required /> 
<h6>Email</h6>
<input type='text' name='email' value="Email" required /> 
<h6>Password</h6>
<input type='text' name='password' value='Password' required /> 
<input type='submit' value='submit' />
<input type='hidden' value='1' name='submitted' /> 
</form> 

Answer 1

只有在您尝试提交表单后，才会验证required字段。发布的代码的问题在于输入周围没有包裹的表单，因此没有要提交的表单。

这是你应该这样做的：

<form action="#">
<h6>First Name</h6>
<input type='text' name='fname' required /> 
<h6>Last Name</h6>
<input type='text' name='lname' required /> 
<h6>Email</h6>
<input type='text' name='email' required /> 
<h6>Password</h6>
<input type='text' name='password' required /> 
<input type="submit">
</form>

但是，如果你想要即时验证，你必须使用已经存在的许多验证库之一或通过编写自定义JavaScript代码自己完成。

Answer 2

输入标签是自闭合的。 "/"是第一个嫌疑人。 在没有这些结束标记的情况下重试。 我也会删除"必需"后面的空格，但这只是我的强迫症。