在实现登录或者注册页面的过程中,需要对输入的数据进行校验,这里实现的是即时校验。
之前使用的是jq blur事件,但是只能在失去焦点之后进行判断,即 输入数据后,需要进行别的操作(鼠标单击别的地方等)。不够方便。
如下:
$('#changeTel').blur(function(){
...
});
后来看了别的博客,发现使用oninput和onporpertychange可以实现即时监测输入变化的功能。
代码如下:
$('#changeTel').bind('input porpertychange', function(){
var inTel = $('#changeTel').val();
var re = /^1(3|4|5|7|8)\d{9}$/;
var rez = re.test(inTel);
if (rez == true) {
$('#tip1').css('display','block');
$('#tip1').text('手机号格式正确!');
} else if (inTel == '') {
$('#tip1').css('display','block');
$('#tip1').text('手机号不能为空!');
} else{
$('#tip1').css('display','block');
$('#tip1').text('手机号格式错误,请重新输入!');
}
});