HTMLObjectElement.setCustomValidity - Web APIs
the setcustomvalidity() method of the htmlobjectelement interface sets a custom validity message for the element.
... the setcustomvalidity() method of the htmlobjectelement interface sets a custom validity message for the element.
...pass the id of an input element, and set different error messages depending on whether the value is missing, too low or too high.
...And 3 more matches

HTMLSelectElement.setCustomValidity() - Web APIs
the htmlselectelement.setcustomvalidity() method sets the custom validity message for the selection element to the specified message.
... the htmlselectelement.setcustomvalidity() method sets the custom validity message for the selection element to the specified message.
...alidity message for the selection element to the specified message.
...tax selectelt.setcustomvalidity(string); parameters string is the domstring containing the error message.

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
fire the invalid event at the element if the value isn't valid.
...a custom error is set to a truthy value (anything other than the empty string or null), the form will be be prevented from being submitted.
...he form will be be prevented from being submitted.
...And 5 more matches

Constraint validation - Developer guides
using the constraint validation api using javascript and the constraint api, it is possible to implement more complex constraints, for example, constraints combining several fields, or constraints involving complex calculations.
... var country = document.getelementbyid("country").value; // get the npa field var zipfield = document.getelementbyid("zip"); // build the constraint checker var constraint = new regexp(constraints[country][0], ""); console.log(constraint); // check it!
...regexp(constraints[country][0], ""); console.log(constraint); // check it!
...And 3 more matches

Constraint validation API - Web APIs
f that element.
...t at the element and returns false; otherwise it returns true.
...is to produce a default error message if you try to submit the form with either no valid filled in, or a value that does not match the pattern.
...And 2 more matches

Index - Web APIs
height html attribute, specifying the displayed height of the resource in css pixels.
... 1847 htmlobjectelement.name api, html dom, htmlobjectelement, needsexample, property, reference, name the name property of the htmlobjectelement interface returns a domstring that reflects the name html attribute, specifying the name of the browsing context.
....name api, html dom, htmlobjectelement, needsexample, property, reference, name the name property of the htmlobjectelement interface returns a domstring that reflects the name html attribute, specifying the name of the browsing context.
...And 2 more matches

Client-side form validation - Learn web development
-class.
...tart.html as a basis, if you like): <form> <label for="mail">i would like you to provide me with an e-mail address:</label> <input type="email" id="mail" name="mail"> <button>submit</button> </form> and add the following javascript to the page: const email = document.getelementbyid("mail"); email.addeventlistener("input", function (event) { if (email.validity.typemismatch) { email.setcustomvalidity("i am expecting an e-mail address!"); } else { email.setcustomvalidity(""); } }); here we store a reference to the email input, then add an event listener to it that runs the contained code each time the value inside the input is changed.
...mvalidity(""); } }); here we store a reference to the email input, then add an event listener to it that runs the contained code each time the value inside the input is changed.
...ity.typemismatch property returns true, meaning that the contained value doesn't match the pattern for a well-formed email address.

HTMLInputElement - Web APIs
ditystate object: returns the element's current validity state.
... input element; keystrokes will subsequently go to this element.
... added: autocomplete, autofocus, dirname, files, formaction, formenctype, formmethod, formnovalidate, formtarget, height, indeterminate, labels, list, max, min, multiple, pattern, placeholder, required, selectiondirection, selectionend, selectionstart, step, validationmessage, validity, valueasdate, valueasnumber, width, and willvalidate.

HTMLButtonElement - Web APIs
his button is in.
... html5the definition of 'htmlbuttonelement' in that specification.

HTMLFieldSetElement - Web APIs
cts are never candidates for constraint validation.
...iving standard html 5.1the definition of 'htmlfieldsetelement' in that specification.

HTMLObjectElement - Web APIs
jectelement.willvalidate read only returns a boolean that indicates whether the element is a candidate for constraint validation.
...standard technically, the property tabindex is now defined on htmlelement.

HTMLSelectElement - Web APIs
ctelement.remove() removes the element at the specified index from the options collection for this select element.
...tml5the definition of 'htmlselectelement' in that specification.

HTMLTextAreaElement - Web APIs
he control.
... the attributes tabindex and accesskey, as well as the methods blur() and focus() are now defined on htmlelement.

HTMLKeygenElement - Web APIs
a validitystate representing the validity states that this element is in.

HTMLOutputElement - Web APIs
the element and change the scrolling position of the document or perform some other action that brings the element to the user's attention.