<html>
<head>
<title>長度最多爲6個漢字或12個字母數字</title>
<script type="text/javascript" src="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="確定" οnclick="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>