前端jquery控制input只能输入符合规范的手机号码

来源：互联网发布：淘宝店代理的发货流程编辑：程序博客网时间：2024/05/17 08:47
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input type="text" id="inputPerameter" maxlength="11" oninput="test()"/><span class="hint_str"></span><script type="text/javascript" src="js/jquery-1.9.0.min.js"></script><script type="text/javascript">var inputPerameter = $('#inputPerameter');var booleanValue = true,value;function test(){value = inputPerameter.val();if(value==''){booleanValue = true;}if(value.length>3){subValue = value.substring(-1,3);if(booleanValue&&subValue.length==3){if(subValue.substring(1,2)=='3'||subValue.substring(1,2)=='5'||subValue.substring(1,2)=='8'){booleanValue = /^[1]{1}(([3]|[5]|[8]){1})([0-9]{1})$/.test(subValue);}else if(subValue.substring(1,2)=='4'){booleanValue = /^[1]{1}[4]{1}(([5]|[7]){1})$/.test(subValue);}else if(subValue.substring(1,2)=='7'){booleanValue = /^[1]{1}[7]{1}(([0]|[1]|[3]|[5]|[6]|[7]|[8]){1})$/.test(subValue);}else{booleanValue = false;}}}else{if(value.length==1){booleanValue = /^[1]{1}$/.test(value);}else if(value.length==2){booleanValue = /^[1]{1}(([3]|[4]|[5]|[7]|[8]){1})$/.test(value);}else if(booleanValue&&value.length==3){if(value.substring(1,2)=='3'||value.substring(1,2)=='5'||value.substring(1,2)=='8'){booleanValue = /^[1]{1}(([3]|[5]|[8]){1})([0-9]{1})$/.test(value);}else if(value.substring(1,2)=='4'){booleanValue = /^[1]{1}[4]{1}(([5]|[7]){1})$/.test(value);}else if(value.substring(1,2)=='7'){booleanValue = /^[1]{1}[7]{1}(([0]|[1]|[3]|[5]|[6]|[7]|[8]){1})$/.test(value);}else{booleanValue = false;}}}if(!booleanValue||!/^\d*$/.test(value)||value.length<11){//显示错误标志$('.hint_str').css('display','block');$('.hint_str').html('格式错误');$('.hint_str').css('color','red');}else{//隐藏错误标志$('.hint_str').css('display','none');}if(/^\d{11}$/.test(value)&&booleanValue){//显示正确标志$('.hint_str').css('display','block');$('.hint_str').html('正确');$('.hint_str').css('color','lawngreen');}}</script></body></html>
1 0