写一个方法实现对对用户输入的主机姓名进行校验,校验规则如下:
1.只能输入中文、英文、空格和一个/(/必须出现在英文姓和名之间,有中文就不能包含/和空格,且中文必须在英文前面,纯中文最长10个汉字)
2.长度在2至28个字符之间,1个汉字按照2个字符算
3.方法返回true表示验证通过,否则返回false
这里涉及到中英文混合匹配长度的问题,暂时没有找到更好的方案 现在是先判断长度 再进行匹配的
<div>
<input placeholder="请输入姓名" id="name" type="text" value="">
<span id="btn" class="btn" >校验</span>
</div>
<script>
(function () {
function verify(){
var isQualified = false;
var name =document.getElementById("name").value;
var len = name.replace(/[^\x00-\xff]/g,"aa").length;
if(len>28){
//首先判断字符长度
return isQualified;
}
//匹配中文或者英文
var reg = /(^[a-z\/A-Z]{2,28}$)|(^[\u4e00-\u9fa5a-zA-Z]{2,28})$/;
isQualified = reg.test(name);
//之匹配中文
var zwReg = /[\u4e00-\u9fa5]{1,10}$/;
var isZw = zwReg.test(name);
return isQualified||isZw;
}
document.getElementById('btn').addEventListener('click',function () {
console.log(verify());
});
})();
</script>
</body>