<tr>
<td style="text-align:right;"><span class="cred1">*</span> 联系电话: </td>
<td style="text-align:left;"><input type="text" name="user_phone" value="{$info['user_phone']}" class="inputall input150"> <span id="user_phone_show"></span></td>
</tr>
我想添加一个控制手机号为11位的提示框,应该怎么做?
非常感谢
------解决思路----------------------
用js 控制 每次输入的时候去判断下
------解决思路----------------------
$('input[name=user_phone]').blur(function(){
var iphone = $(this).val();
if(iphone.length != 11 ){
$('#user_phone_show').html('请输入11位手机号');
}
})
------解决思路----------------------
<span id="user_phone_show"></span>可以直接用这个框
首先给你的的;"><input type="text" name="user_phone" value="{$info['user_phone']}" class="inputall input150" onchange="checkPhone()"> 表单控件添加一个事件
下面是js 需要jquery
function checkPhone(){
var reg = /^1[345678]\d{9}$/;
var phone = $(".inputall input150").val();
if(phone.length<11){
$("#user_phone_show").html("太短");
}else if(reg.test(phone) == false) {
$("#user_phone_show").html("格式不正确");
}else{
$("#user_phone_show").html("");
}
}
------解决思路----------------------
電話號碼為11位數字。
<tr>
<td style="text-align:right;"><span class="cred1">*</span> 联系电话: </td>
<td style="text-align:left;"><input type="text" id="user_phone" name="user_phone" onblur="check_phone()" value="" class="inputall input150"> <span id="user_phone_show"></span></td>
</tr>
<script type="text/javascript">
function check_phone(){
var s = document.getElementById("user_phone").value;
var pattern = new RegExp("^\\d{11}$");
if(!pattern.test(s)){
document.getElementById("user_phone_show").innerHTML = '联系电话輸入不正確';
}else{
document.getElementById("user_phone_show").innerHTML = '';
}
}
</script>
------解决思路----------------------
借鉴4楼大神的代码,进行了下正则优化
<tr>
<td style="text-align:right;"><span class="cred1">*</span> 联系电话: </td>
<td style="text-align:left;"><input type="text" id="user_phone" name="user_phone" onblur="check_phone()" value="" class="inputall input150"> <span id="user_phone_show"></span></td>
</tr>
<script type="text/javascript">
function check_phone(){
var s = document.getElementById("user_phone").value;
var pattern = new RegExp("^1[3
------解决思路----------------------
5
------解决思路----------------------
7
------解决思路----------------------
8
------解决思路----------------------
][0-9]{9}$");
if(!pattern.test(s)){
document.getElementById("user_phone_show").innerHTML = '手机号输入不正确';
}else{
document.getElementById("user_phone_show").innerHTML = '正确';
}
}
</script>
------解决思路----------------------
tp的自动验证,
验证条件
array('tel',"^(130
------解决思路----------------------
131
------解决思路----------------------
132
------解决思路----------------------
133
------解决思路----------------------
134
------解决思路----------------------
135
------解决思路----------------------
136
------解决思路----------------------
137
------解决思路----------------------
138
------解决思路----------------------
139)\d{8}$",'手机格式不正确'),
参考
http://document.thinkphp.cn/manual_3_2.html#auto_validate