EN
Ce contenu n’est pas disponible dans votre langue. Voici la version anglaise.

patternMismatch property

Returns whether the input field value does not match the rules defined by the pattern attribute.

This property is read-only.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.10.21.3Internet Explorer 10

 

Syntax

JavaScript
bPatternError = object.patternMismatch

 

Property values

Type: boolean

True when the value doesn't match rules defined by the pattern attribute, false otherwise.

Standards information

Remarks

The following example displays all validation states for a validated field.

Examples


<!DOCTYPE html >
<html>
<head>
    <title>Valid states example</title>
    <script type="text/javascript">
        function getState() {
            var oState = document.getElementById("myField");
            var myState = oState.validity;
            var display = document.getElementById("showState");
            display.innerHTML = "";
            for (var t in myState) {
                display.innerHTML += (t + ": " + myState[t] + "<br/>");    //loop through attributes
            }
        }
    </script>
</head>
<body onload="getState();">
<h1>ValidState test</h1>
<div>The required text field only takes numbers between 4 and 20 in even increments. <br /><br />
Try different numbers to see how the validityState attributes react.</div>
<br />
<div><label>Enter a number from 4 to 20: 
<input id="myField" type="number" required  min="4" max ="20" step="2" />
<button onclick="getState();">Check state</button></label></div>

<div id="showState"></div>

</body>
</html>


See also

ValidityState

 

 

Afficher:
© 2015 Microsoft