我要评论 function checkphone() {
var reg1 =/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
var phone = document.getelementbyid("phone").value;
if (phone== 0||phone=="") {
$("#span2")[0].innerhtml="不能为空";
$("#i2")[0].classname = "icon-cross";
$("#i2")[0].style.opacity = "1";
$("#phone")[0].classname = "err";
condition = false;
} else if (!reg1.test(phone)) {
$("#span2")[0].innerhtml="手机号格式不对";
$("#i2")[0].classname = "icon-cross";
$("#i2")[0].style.opacity = "1";
$("#phone")[0].classname = "err";
condition = false;
}
else{
$("#span2")[0].innerhtml="";
$("#i2")[0].classname = "icon-checkmark";
$("#phone")[0].classname = "normal";
condition = true;
}
}
<tr>
<td><input id="phone" type="text" name="phone" class="normal"placeholder=" 手机号" onblur="checkphone()">
<span id="span2"class="if_span"></span></td>
<td><i id="i2" class="icon-checkmark" style="opacity:0;"></i></td>
</tr>
onblur="checkphone()"是失去焦点后的方法
span2是错误输入后的提示语句，用class="if_span"这个css样式来设定颜色等样式
i2是输入正确与否的图标 本来是用display但是显示隐藏我右边内容会跟着变动，所以用透明度
class="normal"是输入框输入正确的时候样式 err是错误的时候样式（$("#phone")[0].classname = "err";）
比较笨的方法 能用就行。。。。。。。
如对本文有疑问， 点击进行留言回复！！
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法（不用jQuery）
网友评论