form fields all required using html5 required parameter not working - html

Question

Hi I am trying to make all the fields in my form required,
I am using the required parameter and adding it to all the fields but its not working at all, not showing any validation error
<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

The validation of required fields occurs only after you try to submit a form. The problem with the posted code is that there is no form wrapped around the inputs, therefore there is no form to submit.
This is how you should've done it:
<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>
If, however, you want instant validation, you'll have to do it yourself using one of many validation libraries which already exists or by writing custom JavaScript code.

Answer 2

Input tags are self-closing. The "/" is the first suspect. Try it again without those closing tags. I would also remove the space after "required", but that's just my OCD.