码迷,mamicode.com
首页 > 移动开发 > 详细

自定义layui手机、固话验证

时间:2020-02-21 20:42:34      阅读:39      评论:0      收藏:0      [点我收藏+]

标签:BMI   lse   号码   ons   this   移动电话   焦点事件   mob   sre   

onload加载完成事件

onclick单击事件

onblur失去焦点事件

onchange内容发生改变事件 经常用于select下拉列表选中后的内容发生改变时候触发

onsubmit表单提交事件 经常用来在表单提交的时候验证所有表单项是否合法。

 

<input onblur="verTel(this.id)" />

 

/*******自定义layui手机、固话验证 请传 id *******/
function verTel(id) {
    var tel=document.getElementById(id).value;
    if (tel.length > 0) {
        if (!isPhone(tel) && !isMobile(tel)) {

            $(‘#‘ + id).css({
                border : "1px solid red"
            });
            $(‘#‘ + id).focus();
            alert(‘请输入正确的手机号码或固定电话!\n\r固定电话格式:区号(3~4位,选填,4位时首位为0)-固定电话(7~8位,必填)-分机号(1~4位,选填)!‘);
            $(‘#‘ + id).val("");

            return false;
        }
    }
    return true;
}
//判断是否是固话
function isPhone(val) {

    var sReg = "^((\\(\\d{2,3}\\))|(\\d{3}\\-))?(\\(0\\d{2,3}\\)|0\\d{2,3}-)?[1-9]\\d{6,7}(\\-\\d{1,4})?$";
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}

//判断是否是移动电话
function isMobile(val) {
    var sReg = "^((\\(\\d{2,3}\\))|(\\d{3}\\-))?1\\d{10}$";
    var reg = new RegExp(sReg, "i");
    return reg.test(val);
}
/*******自定义layui手机、固话验证 *******/

 

自定义layui手机、固话验证

标签:BMI   lse   号码   ons   this   移动电话   焦点事件   mob   sre   

原文地址:https://www.cnblogs.com/w-yu-chen/p/12342657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!