写一个方法实现对对用户输入的主机姓名进行校验,校验规则如下:
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>