1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>用户名正则检测</title> 6 </head> 7 <body> 8 用户名（首位仅支持字母大写）：<input type="text" name="user" id="user" 9 placeholder="6-12个字母或数字"> 10 <input type="button" value="检测" onclick="check()"> 11 <script> 12 function check(){ 13 var val=document.getElementById("user").value; 14 var patrn=/^[A-Z]{1}[A-Za-z0-9]{5,12}/; 15 16 if(patrn.test(val)) { 17 alert("书写正确"); 18 return true; 19 } 20 21 else { 22 alert("书写错误"); 23 return false; 24 } 25 26 } 27 </script> 28 </body> 29 </html>
效果如下图：
原文：https://www.cnblogs.com/hbv1/p/9865646.html