---restore content starts---
1<! DOCTYPE html>234<meta charset= "UTF-8" >5<title>Document</title>6<script src= "./jquery-3.2.0.js" ></script>7<script src= "./validate-master/jquery-validate.js" ></script>89<body>Ten<form > One Array Letters: A<input type= "text" name= "word" -Data-describedby= "For_word"//where the error message is displayed -Data-description= "AAA"//what to Prompt for theData-required//specify that the form contents cannot be empty -data-pattern= "^[a-za-z]+$" >//validation rules -<span id= "For_word" ></span> -<br> + - Enter Number: +<input type= "text" name= "number" AData-describedby= "For_number" atData-description= "BBB" -data-Required -data-pattern= "^\d+$" > -<span id= "For_number" ></span> -<br> -<input type= "Submit" > in</form> -<script> to$ (' form '). Validate ({ + Description: { - AAA: { theRequired: ' must fill in content ', *Pattern: ' must be filled with letters ' $ },Panax Notoginseng BBB: { -Required: ' must fill in content ', thePattern: ' must fill in numbers ' + } A } the }); + -</script> $</body> $View Code---restore content ends---
1<! DOCTYPE html>234<meta charset= "UTF-8" >5<title>Document</title>6<script src= "./jquery-3.2.0.js" ></script>7<script src= "./validate-master/jquery-validate.js" ></script>89<body>Ten<form > One Array Letters: A<input type= "text" name= "word" -Data-describedby= "For_word"//where the error message is displayed -Data-description= "AAA"//what to Prompt for theData-required//specify that the form contents cannot be empty -data-pattern= "^[a-za-z]+$" >//validation rules -<span id= "For_word" ></span> -<br> + - Enter Number: +<input type= "text" name= "number" AData-describedby= "For_number" atData-description= "BBB" -data-Required -data-pattern= "^\d+$" > -<span id= "For_number" ></span> -<br> -<input type= "Submit" > in</form> -<script> to$ (' form '). Validate ({ + Description: { - AAA: { theRequired: ' must fill in content ', *Pattern: ' must be filled with letters ' $ },Panax Notoginseng BBB: { -Required: ' must fill in content ', thePattern: ' must fill in numbers ' + } A } the }); + -</script> $</body> $View CodeJquery-validate use of form validation plug-ins