$(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);
}
分享到:
相关推荐
jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。
根据提供的文件信息,我们可以归纳出以下关于“INPUT输入限制”的知识点: ### 1. 数字输入限制 在第一个示例中,使用了两种方法来确保用户只能输入数字。 - **第一种方法**:通过 `onkeyup` 和 `onafterpaste` ...
在JavaScript中,对`input`元素的输入进行字符限制是一种常见的前端验证技术,它能确保用户输入的数据符合特定格式或规则,从而提高数据质量和用户体验。本文将深入探讨如何使用JavaScript和正则表达式来实现这一...
js实现input限制输入字符(字节)数多出的自己自动去掉
这样,我们就实现了一个基本的jQuery输入限制功能,用户在输入文字时,旁边的计数器会实时显示剩余字符数,当达到最大限制时,不再允许输入。这个功能不仅可以防止用户输入过长的内容,还能提供良好的用户体验,让...
### JS各种限制input输入汇总知识点解析 #### 一、取消按钮按下时的虚线框 在Web开发过程中,用户点击按钮或输入框等元素时,可能会出现边框高亮的效果,这种效果通常是为了提高交互性而设计的。但在某些场景下,...
最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...
### 知识点二:JavaScript实现数字和小数点输入限制 这部分涉及到了JavaScript的事件监听器和字符串处理技术。以下是一种可能的实现方式: ```javascript // 获取input元素 var input = document.getElementById('...
以上内容总结了给定文件中的关键知识点,包括不同类型的输入限制、IME模式的设置、输入验证提示以及自定义验证函数的编写。这些技巧可以帮助开发者更好地控制用户的输入行为,提高应用的安全性和用户体验。
往往需要限制输入,本资源包含input只能输入数字+两位小数。以及数字+小数点+符号-。也就是两种类型的限制。数字和小数点。以及负数和小数点。并且小数点不能出现在第一位,并且只能出现一次。-只能出现在第一位,...
以上示例展示了如何利用JavaScript和HTML实现对`<input>`元素的输入限制,确保用户只能输入指定类型的字符。这种方法广泛应用于表单验证、数据录入系统等场景,有效防止了无效或错误数据的提交,提高了数据质量和...
本文将会详细地介绍如何在使用Vue开发过程中,对el-input输入框进行输入限制。 首先,我们知道el-input组件在不同场景下有不同的使用方法。对于非动态字段,我们可以通过监听输入事件来限制输入。比如要限制输入为...
javaScript Input输入限制集合,直接引用就可以使用,以后会慢慢继承再其中,感谢下载体验
在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...
2. **中文输入限制**: 若要只允许输入中文,可以监听`keyup`事件,并使用正则表达式`/[ -~]/g`匹配除中文字符集之外的所有字符,然后用`replace`方法替换这些非中文字符为空字符串。 3. **屏蔽输入法**: 对于不...
在这个问题中,我们需要关注如何使用CSS来限制`input`字段中的输入格式,确保它符合数值金额的标准。 首先,我们要明确HTML5的`<input>`标签提供了多种类型,如`text`、`number`、`email`等。对于金额输入,我们...
### 使用JavaScript控制INPUT输入内容详解 #### 一、概述 在网页开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行控制和验证。通过使用JavaScript(简称JS),我们可以轻松地实现这...
通过自定义一个函数`MxFormatKeyPress`来处理不同类型的输入限制。这个函数将检查输入字符是否符合所设定的规则,并根据不同的输入类型(整数或浮点数)以及特定的格式要求(如小数位数限制),决定是否允许该字符被...
在IT行业中,"input输入粒子动画"是一种常见的交互设计技术,它通过canvas元素来实现,可以为用户在输入时提供视觉反馈,增加交互的趣味性和吸引力。这种技术不仅适用于个人计算机(PC)平台,还兼容移动设备,如...