HTML Guide

There is no attribute validate on the <form> element. Perhaps you meant novalidate?

If the novalidate attribute is present on a <form>, indicates that the form is not to be validated during submission.

For example, while this form has a required attribute on its input, it won’t be enforced because form validation has been disabled using novalidate:

<form novalidate>
  <label>City: <input required name="city"></label>
  <input type="submit" />
</form>

The novalidate attribute is boolean: the presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value. As a boolean attribute, it does not need to be passed any value such as true or 1 to activate the novalidate property.

This boolean attribute indicates that the form shouldn’t be validated when submitted. If this attribute is not set (and therefore the form is validated), it can be overridden by a formnovalidate attribute on a <button>, <input type="submit">, or <input type="image"> element belonging to the form.

Example:

<form method="post" novalidate>
  <label>User Name:
    <input name="user-name" autocomplete="name">
  </label>
  <button>Save</button>
</form>

A <form> element has already a form role, so specifying role="form" in it is redundant.

Instead of:

<form role="form">

You can simply write:

<form>