【前端碎片记录】--input输入框的内容改变事件

在实现登录或者注册页面的过程中,需要对输入的数据进行校验,这里实现的是即时校验。

之前使用的是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('手机号格式错误,请重新输入!');
		}
	});

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值