//通过2步做到输入的为非负数
//1.去掉多余的小数点
//2.保证只能输入小数点或数字
function onlyNonNegative(obj) {
var inputChar = event.keyCode;
//alert(event.keyCode);
//1.判断是否有多于一个小数点
if(inputChar==190 ) {//输入的是否为.
var index1 = obj.value.indexOf(".") + 1;//取第一次出现.的后一个位置
var index2 = obj.value.indexOf(".",index1);
while(index2!=-1) {
//alert("有多个.");
obj.value = obj.value.substring(0,index2);
index2 = obj.value.indexOf(".",index1);
}
}
//2.如果输入的不是.或者不是数字,替换 g:全局替换
obj.value = obj.value.replace(/[^(\d|.)]/g,"");
}
调用方法:
<input type="text" name="number" onkeyup="onlyNonNegative(this)" />
分享到:
相关推荐
input框只能输入数字和一个小数点,对界面验证很好用
在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...
可以有效的阻止在hutml文档的input框中输入内容,纯手写,经检测可以顺利运行
input只能输入数字英文字母汉字
(一)TEdit、TDBEdit、TComboBox、TDBComboBox的输入 ...(1)整数输入只能输入数字0-9、+、- (2)浮点输入只能输入数字0-9、+、-、. (3)+和-只能有其一,并且只能出现在最前面 (4).只能有一个 (5)限制小数位数
限制input框只能输入数字或英文的方法有很多,下面为大介绍下使用正则是如何实现的,感兴趣的朋友不要错过
主要介绍了vue如何限制只能输入正负数及小数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
有好多人会遇到注册或者登陆密码时要求只能入数字或者字母,不能出现其他符号什么的,我这是在用apicloud工具开发遇到的小问题,所以发出来给其他人可能会遇到这个问题的人
在某些项目中 input 框只能输入数字,可以用以下办法: 先在标签上绑定上 @input 事件来监听标签的值变化,通过正则来改变输入的值。 <input class="keep_input" v-number-only style="width:35px" v-model...
火狐input只能输入数字,只能是数字啊,
js实现的可下拉可输入input框 会自动检测输入的值在select中寻找对应选项
IE11 在Input框内添加一个“X”,用来点击清除用户输入的数据,个人觉挺好用的,但是其它浏览器不会出现, 特进行插件扩展,实现所有浏览器都能出现“X” 实现原理: 此插件通过查找所有Input框 type="text" 属性 ...
最近发现别人项目中在输入密码的时候发现input框无法输入进去 ...到此这篇关于详解elementUI中input框无法输入的问题的文章就介绍到这了,更多相关element input无法输入内容请搜索软件开发网以前的文章或继续浏览下面
实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。 实现思路很简单: 将匹配的内容放在一个div中,input输入时把匹配内容的div显示在input下面。 在做的过程中遇到一个棘手的问题: input的onblur中隐藏...
引用vueValidate插件,做到多个input框的同时校验,右侧提示同时显示
input边框变色,这个教程由小编亲自整理,亲测有效实用。当用户在输入框输入账号密码或文本时,边框颜色发生变化,边框变蓝、黄色等。需要的小伙伴赶快下载吧,本方法简单实用,输入框输入时边框颜色变化实用教程!
请输入数字,只能输入数字哦:<input "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号