用户名和手机号验证

判定用户名和手机号码,直接上代码

js部分 

<script>
    function doValidate() {
        var chineseReg = /^[\u4E00-\u9FA5]{2,4}$/;
        if(!chineseReg.test(document.forma.name.value)) {
              alert('用户名称有误');
              document.forma.name.focus();
              return false;
        }
        var phoneNumReg = /^1[3|4|5|7|8]\d{9}$/
      
        if(!phoneNumReg.test(document.forma.phoneNum.value)) {
              alert('手机号码有误');
              document.forma.phoneNum.focus();
              return false;
        }
        return true;
    }
</script>

HTML部分

<form action="" name="forma" onsubmit="doValidate()">
    用户名称:<input type="text" name="name"><br />
    手机号码:<input type="text" maxlength="11" name="phoneNum"><br />
    <input type="submit" value="提交">
</form>

 css样式布局自己写吧!没有写样式布局

猜你喜欢

转载自blog.csdn.net/weixin_43478869/article/details/84649242