1,Oninvali event through the Setcustomvalidity method to customize the prompt information
<formAction=""> <label>Number:<inputtype= "text"pattern= "^\d{11}$"Oninvalid= "setcustomvalidity (' Please enter 11 digits ')"> </label> <inputtype= "Submit"> </form>
2.onsubmit Event custom prompt Information
<!DOCTYPE HTML><Head><MetaCharSet= "UTF-8"><title>HTML5 page use JavaScript validation form to determine input</title><Scriptlanguage= "JavaScript">functionCheck () {varPass1=document.getElementById ("Pass1"); varPass2=document.getElementById ("Pass2"); if(Pass1.value!=pass2.value) {pass2.setcustomvalidity ("Inconsistent passwords"); Elsepass2.setcustomvalidity (""); } varEmail=document.getElementById ("Email"); if (!email.checkvalidity ()) email.setcustomvalidity ("Please enter the correct email address");}</Script></Head><formID= "Testform"onsubmit= "return check ()">Password:<inputtype= "Password"name= "Pass1"ID= "Pass1" /><BR/>Confirm Password:<inputtype= "Password"name= "Pass2"ID= "Pass2" /><BR/>Email:<inputtype= "Email"name= "Email"ID= "Email" /><BR/> <inputtype= "Submit" /></form>
<form action= "" > <label> Number: <input type= "text" pattern= "^\d{11}$" oninvalid= "Setcustomva Lidity (' Please enter 11 digits ') ' > </label> <input type= ' Submit ' > </form>
HTML Input Validation Tip information