当前位置:首页 > 开发 > 互联网 > 正文

js控制input输入框的方法封装(数字,中文,字母,浮点数等)

发表于: 2015-05-07   作者:qifeifei   来源:转载   浏览:
摘要: 在项目开发的时候,经常有一些输入框,控制输入的格式,而不是等输入好了再去检查格式,格式错了就报错,体验不好。 /** 数字,中文,字母,浮点数(+/-/.) 类型输入限制,只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注:floating属性只能单独用*/     funct
在项目开发的时候,经常有一些输入框,控制输入的格式,而不是等输入好了再去检查格式,格式错了就报错,体验不好。
/** 数字,中文,字母,浮点数(+/-/.) 类型输入限制,只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注:floating属性只能单独用*/
 
 
function limitInptFormat(){
    var inputType=['number','chinese','alphabet','floating'];

	$('body').delegate("input[jInput]", "keyup", function(e) {
		var input_type = $(this).attr('jInput').split(',')
		var value = $(this).val();
		if (!input_type && input_type.length <= 0) {
			return;
		}
		var values_of_type = [];
		var RegStr = '^[';
		for (var i = 0; i < input_type.length; i++) {
			if (input_type[i]) {
				if (input_type[i] == 'number') {
					RegStr += '\\d';
				} else if (input_type[i] == 'chinese') {
					RegStr += '\\u4e00-\\u9fa5';
				} else if (input_type[i] == 'alphabet') {
					RegStr += 'a-zA-Z';
				} else if (input_type[i] == 'floating') {
					RegStr = '^[\\+\\-]?\\d+\\.?\\d+';
					$(this).val(value.match(new RegExp(RegStr, 'g')));
					return;
				}
			}
		}
		RegStr += ']*';
		if (RegStr.length <= 3) {
			return;
		}
		var expression = new RegExp(RegStr, 'g');
		var return_value = value.match(expression);
		$(this).val(return_value);
	});
}
 
 

 

js控制input输入框的方法封装(数字,中文,字母,浮点数等)

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
很久以前 Roger Johansson 就在他的 blog 上做了一个 用样式控制表单元素 的测试 , 告诉我们企图用
很久以前 Roger Johansson 就在他的 blog 上做了一个 用样式控制表单元素 的测试 , 告诉我们企图用
在测试过程中,有些输入框是隐藏的,如果直接对他进行赋值,会找不到这个输入框,从而导致脚本运行
Android中如果用户想进行对EditText的内容监听,可以通过实现TextWatcher接口进行各种操作,比如能够
/* * 程序的版权和版本声明部分 * Copyright (c)2012, 烟台大学计算机学院学生 * All rightsreserve
两个输入框,任一输入框的值改变时,另一个输入框变成只读。 一.watch实现 test.html <html ng-ap
/* * 程序的版权和版本声明部分 * Copyright (c)2012, 烟台大学计算机学院学生 * All rightsreserve
浏览器表单记录用户名密码自动填充后有黄色背景, 看了下样式发现是一个样式的原因input:-webkit-au
Html5带来了 placeholder <input id="t1" type="text" placeholder="请输入文字" /> 轻松实现
 写在前面: 本文将用NGUI创建一个经过美化的输入框。 欢迎大家纠错、拍砖!原创很辛苦,如有转
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号