HTML Tutorials

Disabling input validation

There are times when you want to allow the user to submit the form without validating the contents. A good example is when the user needs to save progress through an incomplete process. You want the user to be able to save whatever they have entered so that they can resume the process later. This would be a frustrating process if all errors had to be corrected before progress could be saved. You can submit the form without validation either by applying the novalidate attribute to the form element, or the formnovalidate attribute to the types of the button and input elements that can submit forms. The below example shows how you can disable form validation.

    <meta name="author" content="Adam Freeman"/>
    <meta name="description" content="A simple example"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <form method="post" action="http://titan:8080/form">
      <input type="hidden" name="recordID" value="1234"/>
        <label for="name">
          <input type="text" id="name" name="name" pattern="^.* .*$"/>
        <label for="password">
          Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/>
        <label for="email">
          Email: <input type="email" placeholder="" required pattern=".*$" id="email" name="email"/>
      <input type="submit" value="Submit"/>
      <input type="submit" value="Save" formnovalidate/>

In this example, we have added an input element to the HTML document that will submit the form without validation, allowing the user to save progress (assuming of course, that there is a corresponding feature implemented at the server that will accept values from the browser without applying further validation).