長度最多為6個漢字或12個字母數字JS驗證
阿新 • • 發佈:2019-02-20
<!DOCTYPE html>
<html> <head> <title>長度最多為6個漢字或12個字母數字</title> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js"></script> </head> <body> <form action=""> 姓名:<input type="text" id="userName" value="" /> <span id="errorTip" style="color:#ff9955"></span><br /><br /> <input type="submit" value="確定" onclick="return checkUserName();" /> </form> </body> </html>
JS:
<!--限制輸入長度JS--> <script type="text/javascript"> $(document).ready(function(){ $("#userName").blur(function(){ checkUserName(); }); $("#userName").live("click",function(){ $("#errorTip").hide(); }); }); function checkUserName() { var flag=1; var v=$("#userName").val(); //[\u4e00-\u9fa5]為漢字的unicode編碼,/i表示匹配的時候不區分大小寫。 var rx = /[a-z\d]/i, rxcn = /[\u4e00-\u9fa5]/, num = 0, chr; for (var i = 0, j = v.length; i < j; i++) { chr = v.charAt(i);///////// if (rx.test(chr)) num += 1; else if (rxcn.test(chr)) num += 2; else { flag=3; break; } } if(flag!=3){ if (num > 12) { $("#errorTip").show(); $("#errorTip").text(" * 長度最多為6個漢字或12個字母數字!"); return false; } else if(num<1){ $("#errorTip").show(); $("#errorTip").text(" * 不能為空!"); return false; } return true; } else{ $("#errorTip").show(); $("#errorTip").text(" * 不能包含特殊符號!"); return false; } } </script>