基于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学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
Apr 22 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
vue3实现v-model原理详解
Oct 09 Javascript
vue实现循环滚动列表
Jun 30 Javascript
design vue 表格开启列排序的操作
Oct 28 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
浅谈通过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 Google的translate API代码
2008/12/10 PHP
通过PHP CLI实现简单的数据库实时监控调度
2009/07/01 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
php获取发送给用户的header信息的方法
2015/03/16 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
js实现放大镜特效
2017/05/18 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
Django 添加静态文件的两种实现方法(必看篇)
2017/07/14 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python中常见的异常总结
2018/02/20 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
Viking比利时:购买办公用品
2019/10/30 全球购物
高中美术教学反思
2014/01/19 职场文书
慰问信格式规范
2015/03/23 职场文书
正规借条模板
2015/05/26 职场文书
预备党员考察意见范文
2015/06/01 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL
python如何读取和存储dict()与.json格式文件
2022/06/25 Python