Can you require two form fields to match with HTML5?

by

Not exactly with HTML5 validation but a little JavaScript can resolve the issue, follow the example below:

<p>Password:</p>
<input name="password" required="required" type="password" id="password" />
<p>Confirm Password:</p>
<input name="password_confirm" required="required" type="password" id="password_confirm" oninput="check(this)" />
<script language="javascript" type="text/javascript">
    function check(input) {
        if (input.value != document.getElementById('password').value) {
            input.setCustomValidity('Password Must be Matching.');
        } else {
            // input is valid -- reset the error message
            input.setCustomValidity('');
        }
    }
</script>
<br /><br />
<input type="submit" />

More Related Contents:

  1. Is it a good practice to use an empty URL for a HTML form’s action attribute? (action=””)
  2. Using the HTML5 “required” attribute for a group of checkboxes?
  3. Is action really required on forms?
  4. changing the language of error message in required field in html5 contact form
  5. How do you style the HTML5 form validation messages?
  6. What is &amp used for
  7. HTML5: Slider with two inputs possible?
  8. HTML slider with two inputs possible?
  9. Can you require two form fields to match with HTML?
  10. Add span inside form’s placeholder
  11. Put icon inside input element in a form
  12. Understanding the “post/redirect/get” pattern
  13. When submitting a GET form, the query string is removed from the action URL
  14. Is autocomplete=”off” compatible with all modern browsers?
  15. Angular2 – Radio Button Binding
  16. Is well formed without a ?
  17. Nodejs POST request multipart/form-data
  18. Change the content of a div based on selection from dropdown menu
  19. Why does file upload not work without the enctype property?
  20. getting a checkbox array value from POST
  21. Angular: composite ControlValueAccessor to implement nested form
  22. Can a ::before selector be used with a ?
  23. HTML select form with option to enter custom value
  24. Storing Form Data as a Session Variable
  25. HTML: Characters allowed for name attribute of input element?
  26. Firefox keeps form data on reload
  27. Dynamic row height in a SwiftUI form
  28. Copy/Paste from Excel to a web page
  29. Getting iPhone GO button to submit form
  30. HTML Form File Uploads doesn’t upload file

Leave a Comment