当前位置:秋叶网络博客 前端设计 ◊ 输入框只允许输入数字jQuery校验

输入框只允许输入数字jQuery校验

作者:秋叶 发表时间:2016年6月17日

有些时候我们需要做这样的意见事情,比如说给用户输入购买个数的情况下,我们要杜绝用户不小心输入的一些非法字符,比如说小数点,特殊符号,数字过大等情况,就要在用户输入的同时对用户输入的数据进行校验,把非法字符替换掉为空,视觉上为不允许输入这些非法字符。


html代码:

<input class="city-input">

jQuery代码:

(function(){
	var input=$(".city-input");
	input.keyup(function(e){
		var e=e||window.event;
		if(e.keyCode!=37&&e.keyCode!=39){
			var val=$(this).val();
			if(val>1000){
				input.val(1000);
			}
			if(isNaN(parseInt(val))){
				input.val(0);
			}
			input.val(parseInt(input.val()));
		}
	})
})()
目录: 前端设计 | 标签: | 4039次阅读