基于input框覆盖掉数字英文的实例讲解


Posted in Javascript onJuly 21, 2017

例子1:

<input type="text" value="0" onkeyup="cleartwoNum(this)">

//限制input框输入只能数字:
function cleartwoNum(obj) {
  obj.value = obj.value.replace(/[^\d]/g, '');
}

例子2:可以输入金额

<input type="text" value="0" onkeyup="clearNoNum(this)">

//限制input框输入:
function clearNoNum(obj) {
  //先把非数字的都替换掉,除了数字和.
  obj.value = obj.value.replace(/[^\d.]/g, "");
  //必须保证第一个为数字而不是.
  obj.value = obj.value.replace(/^\./g, "");
  //保证只有出现一个.而没有多个.
  obj.value = obj.value.replace(/\.{2,}/g, ".");
  //保证.只出现一次,而不能出现两次以上
  obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
}

以上这篇基于input框覆盖掉数字英文的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
js 纯数字不重复排列的另类方法
Jul 17 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 #Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 #Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 #Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 #Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 #Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 #Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 #Javascript
You might like
php设计模式 Builder(建造者模式)
2011/06/26 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
php中错误处理操作实例分析
2019/08/23 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
python time模块用法实例详解
2014/09/11 Python
python设置值及NaN值处理方法
2018/07/03 Python
Numpy之文件存取的示例代码
2018/08/03 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
python实现数据分析与建模
2019/07/11 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
GWebs公司笔试题
2012/05/04 面试题
档案接收函
2014/01/13 职场文书
幼儿园教研活动方案
2014/01/19 职场文书
出国考察邀请函
2014/01/21 职场文书
贷款担保申请书
2014/05/20 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技