jQuery onkeyup 将非数字转成空

最新推荐文章于 2021-06-09 21:46:14 发布
最新推荐文章于 2021-06-09 21:46:14 发布
阅读量353 收藏
点赞数
分类专栏： java js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39822451/article/details/101031147
版权
java 同时被 2 个专栏收录
253 篇文章 1 订阅
订阅专栏
js
202 篇文章 1 订阅
订阅专栏 
	$("#yourId").keyup(function () {
		if(this.value.length == 1){
			this.value=this.value.replace(/[^0-9.]/g,'');
		}else{
			this.value=this.value.replace(/^0{1,}/g,'').replace(/[^0-9.]/g,'');
		}
	});

 

Marttin2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery on=>keyup无法绑定未来js添加的元素
weixin_33717298的博客
11-04 361
$("[name=red_count]").on("keyup", countKeyUpBind);即使使用on的，也无法绑定未来元素， 所以直接在动态添加的时候，再进行绑定keyup事件   至于click是允许的   同时，对于jquery中before,after添加的标签，不管是click还是keyup都是没有绑定未来元素的功能     //红包个数统计 $("[name=red_coun...
异常-----: Illegal access: this web application instance has been stopped already. Could not load org...
weixin_34357267的博客
10-26 468
假如你现在还在为自己的技术担忧，假如你现在想提升自己的工资，假如你想在职场上获得更多的话语权，假如你想顺利的度过35岁这个魔咒，假如你想体验BAT的工作环境，那么现在请我们一起开启提升技术之旅吧，详情请点击http://106.12.206.16:8080/qingruihappy/index.html 重新发布一下就好了。...
将输入值为非数字的字符替换为空
qq_42760581的博客
01-13 2689
之前做过一个需求，要求只能在input框内输入整数，于是在input框使用 <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" [(ngModel)]="price" /> 此处使用了onkeyup事件，当键盘抬起时触发，事件里面是一个正则表达式，当你输入非数字的字符串时，在你抬起键盘的那一刻，此...
【前端】使用原生js onkeyup事件+jQuery实现简单的双向数据绑定
飞的博客
08-30 1003
第一次写博客，对js了解得也不是特别的深入，这个示例没有考虑任何性能问题，不过确实是好用的，跟AngularJS实现效果是一样的，有什么不正确的地方，欢迎吐槽。事件监听文本框的变化，并触发一个复制的函数 即可实现实时双向数据绑定。
jquery中keyup事件
qq_27493017的博客
09-23 711
//引入jquery <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).keyup( function (event){ if(event.keyCode == 13){ alert("keyup_enter"); ...
jQuery Validate设置onkeyup验证的实例代码
06-03
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种...这篇文章主要介绍了jQuery Validate设置onkeyup验证的相关资料,需要的朋友可以参考下
js限制输入框只能输入数字(onkeyup触发)
10-17
主要介绍了通过js实现input输入框只能输入数字的实现方法，主要是通过正则表达式替换实现,需要的朋友可以参考下
jQuery随机数字字母验证码特效
06-24
本案例中的"jQuery随机数字字母验证码特效"是专门针对前端网页设计的一种验证方法，它结合了数字和字母，提高了验证码的复杂性和安全性。 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
javascript的onkeyUp方法
3条鱼 的命名空间
05-15 1312
功能：在往第一个文本框或第二个文本框里输入的时候，同时在第三个文本框里显示输入的内容。问题：在首次载入的时候，输入拼音，功能能实现。但是输入汉字，功能不能实现。必须在第一次          输入后，将输入内容删除，再重新输入，功能才能实现。   function addStr(elem1, elem2, des) {       var newStr1 = elem1.value;     
JS中监听键盘操作，onkeyup / onkeydown绑定，event.keyCode，常用KeyCode大全
Rudon滨海渔村的博客
04-21 6567
区别 onkeydown 当用户按下键盘按键时触发。 onkeyup 当用户释放键盘按键时触发。 onkeypress 当键盘按键被按下并释放一个键时发生。 onchange 当对象或选中区的内容改变时触发。 jQuery绑定左右方向键事件 $(document).keydown(function(event){ var e = event || window.eve...
jquery实现文本框输入字母或数字
weixin_33834679的博客
08-08 148
jquery实现文本框输入字母或数字 转载于:https://blog.51cto.com/suyanzhu/1682902
jQuery和JavaScript
luoyujie1993的博客
12-17 305
学习方法 困难和瓶颈 套路  操纵元素 和 事件 表单   1 怎么在网页上定义:   2 脚本怎么得到表单的表单元素对象：       var oForm = document.getElementById('id');       var oForm = document.form[0]  得到一个装有form表单的数组   var oForm = document.form
47.bootstrap
m0_53222768的博客
06-09 222
@一贤不穿小鞋 1.validate:(重点)基于jQuery的一款轻量级验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式，支持input,select,textarea的验证。 1.1:Validate的作用： 内置验证规则:拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示默认了验证信息提示，并提供自定义覆盖默认的提示信息的功能 实时验证:可能通过key
jQuery（三）之事件
yangsen99的博客
06-05 178
&#13; 常用事件&#13; &#13; click(function(){...}) //添加/触发 click 事件hover(function(){...}) //hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。blur(function(){...}) //当元素失去焦点时发生 blur 事件。focus(function(){...})...
jQuery实现input输入时，实时触发事件代码
热门推荐
美奇软件开发工作室
03-11 2万+
HTML代码 &lt;div class="row cl"&gt; &lt;label class="form-label col-xs-4 col-sm-2"&gt;源码摘要：&lt;/label&gt; &lt;div class="formControls col-xs-8 col-sm-9 w8"&gt; &lt;textarea id="summary
input text控件的onkeydown、onKeyPress、onkeyup事件的区别
bjut_yue的专栏
02-19 9814
input text输入框的这三个键盘响应事件看似是差不多的，实际上他们的执行事件还是有区别的，经过了半天的各种尝试（这里实际上就是想做一个能将金钱数额利用js转换成为大写的功能），遇到的问题就是每次都是无法在第一次就获取input的value，一开始被迫使用了onblur和onchange。 但是这样用户体验太差了，所以我就测试题目上三种的不同，首先down这个是按下后就相应了，基本上比较适合
原生js-onchange/onkeyup
淡淡的芦苇的博客
10-12 2044
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;onchange&lt;/title&gt; &lt;script&gt; function myFunction(){
el-input onkeyup 设置只能输入数字和小数点
最新发布
03-31
可以使用正则表达式来限制 el-input 只能输入数字和小数点。可以使用 onkeyup 事件监听输入框的内容，然后通过正则表达式过滤不符合要求的字符。 下面是一个示例代码： ```html <el-input v-model="value" @keyup="onKeyUp"></el-input> ``` ```js export default { data() { return { value: '' } }, methods: { onKeyUp() { // 过滤非数字和小数点 this.value = this.value.replace(/[^\d.]/g, '') // 限制只能输入一个小数点 let dotIndex = this.value.indexOf('.') if (dotIndex !== -1 && this.value.lastIndexOf('.') !== dotIndex) { this.value = this.value.substring(0, dotIndex + 1) + this.value.substring(dotIndex + 1).replace(/\./g, '') } } } } ``` 在 onKeyUp 方法中，首先使用正则表达式 /[^\d.]/g 过滤掉所有非数字和小数点的字符。然后再判断是否存在小数点，如果存在，限制只能输入一个小数点。最后将过滤后的值赋值给输入框的 v-model。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值