自定义layui手机、固话验证

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手机、固话验证 *******/

 

相关文章