`
風一樣的男子
  • 浏览: 62267 次
  • 性别: Icon_minigender_1
  • 来自: 粤东北山卡拉
社区版块
存档分类
最新评论

自己写的input输入限制

阅读更多
$(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);
}

0
0
分享到:
评论

相关推荐

    input限制输入格式jQuery插件

    jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。

    INPUT输入限制

    根据提供的文件信息,我们可以归纳出以下关于“INPUT输入限制”的知识点: ### 1. 数字输入限制 在第一个示例中,使用了两种方法来确保用户只能输入数字。 - **第一种方法**:通过 `onkeyup` 和 `onafterpaste` ...

    JS控制 input 输入字符限制

    在JavaScript中,对`input`元素的输入进行字符限制是一种常见的前端验证技术,它能确保用户输入的数据符合特定格式或规则,从而提高数据质量和用户体验。本文将深入探讨如何使用JavaScript和正则表达式来实现这一...

    js实现input限制输入字符(字节)数多出的自动去掉

    js实现input限制输入字符(字节)数多出的自己自动去掉

    jQuery input文本框限制文字输入计数显示

    这样,我们就实现了一个基本的jQuery输入限制功能,用户在输入文字时,旁边的计数器会实时显示剩余字符数,当达到最大限制时,不再允许输入。这个功能不仅可以防止用户输入过长的内容,还能提供良好的用户体验,让...

    js各种限制input输入汇总

    ### JS各种限制input输入汇总知识点解析 #### 一、取消按钮按下时的虚线框 在Web开发过程中,用户点击按钮或输入框等元素时,可能会出现边框高亮的效果,这种效果通常是为了提高交互性而设计的。但在某些场景下,...

    最全的常用限制input的方法

    最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...

    input框只能输入数字和一个小数点

    ### 知识点二:JavaScript实现数字和小数点输入限制 这部分涉及到了JavaScript的事件监听器和字符串处理技术。以下是一种可能的实现方式: ```javascript // 获取input元素 var input = document.getElementById('...

    input,验证,闪动,自动删除,限制输入

    以上内容总结了给定文件中的关键知识点,包括不同类型的输入限制、IME模式的设置、输入验证提示以及自定义验证函数的编写。这些技巧可以帮助开发者更好地控制用户的输入行为,提高应用的安全性和用户体验。

    input限制输入(数字+小数点)(数字、小数点、-)

    往往需要限制输入,本资源包含input只能输入数字+两位小数。以及数字+小数点+符号-。也就是两种类型的限制。数字和小数点。以及负数和小数点。并且小数点不能出现在第一位,并且只能出现一次。-只能出现在第一位,...

    input只能输入数字英文字母汉字

    以上示例展示了如何利用JavaScript和HTML实现对`<input>`元素的输入限制,确保用户只能输入指定类型的字符。这种方法广泛应用于表单验证、数据录入系统等场景,有效防止了无效或错误数据的提交,提高了数据质量和...

    vue:el-input输入时限制输入的类型操作

    本文将会详细地介绍如何在使用Vue开发过程中,对el-input输入框进行输入限制。 首先,我们知道el-input组件在不同场景下有不同的使用方法。对于非动态字段,我们可以通过监听输入事件来限制输入。比如要限制输入为...

    JavaScript Input 输入验证

    javaScript Input输入限制集合,直接引用就可以使用,以后会慢慢继承再其中,感谢下载体验

    正则表达式解决input框固定输入值得格式(金额,特殊字符)

    在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...

    JS控制input_输入字符限制

    2. **中文输入限制**: 若要只允许输入中文,可以监听`keyup`事件,并使用正则表达式`/[ -~]/g`匹配除中文字符集之外的所有字符,然后用`replace`方法替换这些非中文字符为空字符串。 3. **屏蔽输入法**: 对于不...

    input限制输入数值金额数值小数点符号

    在这个问题中,我们需要关注如何使用CSS来限制`input`字段中的输入格式,确保它符合数值金额的标准。 首先,我们要明确HTML5的`<input>`标签提供了多种类型,如`text`、`number`、`email`等。对于金额输入,我们...

    用JS控制INPUT输入内容

    ### 使用JavaScript控制INPUT输入内容详解 #### 一、概述 在网页开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行控制和验证。通过使用JavaScript(简称JS),我们可以轻松地实现这...

    控制输入框只能输入数字

    通过自定义一个函数`MxFormatKeyPress`来处理不同类型的输入限制。这个函数将检查输入字符是否符合所设定的规则,并根据不同的输入类型(整数或浮点数)以及特定的格式要求(如小数位数限制),决定是否允许该字符被...

    input输入粒子动画

    在IT行业中,"input输入粒子动画"是一种常见的交互设计技术,它通过canvas元素来实现,可以为用户在输入时提供视觉反馈,增加交互的趣味性和吸引力。这种技术不仅适用于个人计算机(PC)平台,还兼容移动设备,如...

Global site tag (gtag.js) - Google Analytics