自己写的input输入限制

最新推荐文章于 2024-05-17 14:41:31 发布

最新推荐文章于 2024-05-17 14:41:31 发布 · 160 阅读

文章标签：

#JavaScript #J# #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的文本输入验证脚本，该脚本能够确保输入框内的数据符合预定义的格式要求。当用户更改输入内容时，脚本会检查其有效性，并在必要时恢复到先前的有效状态。


$(document).ready(function(){
	$("input:text").each(function(){
         // 改变前的值
		var oldValue = $(this).val();
                // keyup 事件后若仍匹配则设置keyup后的值
		$(this).bind("keyup", function(){
			if(checkInput(this)){
				oldValue = $(this).val();
			}
 		 });
           // change 事件
		 $(this).bind("change", function(){
                  // change 后值不匹配设为旧值
		 	if(!checkInput(this)){
		 		$(this).val(oldValue);
	 		} else {
	 			oldValue = $(this).val();
	 		}
		 });
 	}); 		
});
/*判断输入值，若 alt={i,j} 则匹配成小数点后有i~j位，若alt为空或不存在则为整数*/
function checkInput(obj){
	var str = obj.value;
	var alt = obj.alt;
	var exp = "^\\d+$";
	if(""!==alt && null !== alt && undefined != alt){
		exp = "^\\d+(\\.\\d"+alt+")?$";
	}
	var regExp = new RegExp(exp);
	return regExp.test(str);
}