Can you require two form fields to match with HTML?

by

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

function check() {
    var input = document.getElementById('password_confirm');
    if (input.value != document.getElementById('password').value) {
        input.setCustomValidity('Password Must be Matching.');
    } else {
        // input is valid -- reset the error message
        input.setCustomValidity('');
    }
}
<p>
  <label for="password">Password:</label>
  <input name="password" required="required" type="password" id="password" oninput="check()"/>
</p>

<p>
  <label for="password_confirm">Confirm Password:</label>
  <input name="password_confirm" required="required" type="password" id="password_confirm" oninput="check()"/>
</p>

<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. Can you require two form fields to match with HTML5?
  7. What is &amp used for
  8. HTML5: Slider with two inputs possible?
  9. HTML slider with two inputs possible?
  10. Add span inside form’s placeholder
  11. Stop form refreshing page on submit
  12. Two submit buttons in one form
  13. HTML5 form required attribute. Set custom validation message?
  14. How to use in JSF page? Single form? Multiple forms? Nested forms?
  15. Disabled form inputs do not appear in the request
  16. How to read if a checkbox is checked in PHP?
  17. Using PUT method in HTML form
  18. Adding input elements dynamically to form
  19. method=”post” enctype=”text/plain” are not compatible?
  20. POST an array from an HTML form without javascript [duplicate]
  21. Prevent form redirect OR refresh on submit?
  22. HTML form action and onsubmit issues
  23. Intercept a form submit in JavaScript and prevent normal submission
  24. Does page reload ever cause post?
  25. Angular 2: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  26. Why do s clear floats?
  27. PHP $_POST not working? [duplicate]
  28. Symfony2 invalid form without errors
  29. Getting iPhone GO button to submit form
  30. POST arrays not showing unchecked Checkboxes

Leave a Comment