基于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 Lightbox 图片展示插件使用说明
Apr 25 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
微信小程序  audio音频播放详解及实例
Nov 02 Javascript
jQuery用FormData实现文件上传的方法
Nov 21 Javascript
在一个页面重复使用一个js函数的方法详解
Dec 26 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
Vue使用json-server进行后端数据模拟功能
Apr 17 Javascript
vue自动化表单实例分析
May 06 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
详解ES6 Symbol 的用途
Oct 14 Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 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
Bo-Blog专用的给Windows服务器的IIS Rewrite程序
2007/08/26 PHP
php google或baidu分页代码
2009/11/26 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
初识ThinkPHP控制器
2016/04/07 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
jquery 分页控件实现代码
2009/11/30 Javascript
myeclipse安装jQuery插件的方法
2011/03/29 Javascript
跨域请求之jQuery的ajax jsonp的使用解惑
2011/10/09 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
Python实现堆排序的方法详解
2016/05/03 Python
老生常谈python的私有公有属性(必看篇)
2017/06/09 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
美国性感女装网站:bebe
2017/03/04 全球购物
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
物理专业本科生自荐信
2014/01/30 职场文书
文明餐桌行动实施方案
2014/02/19 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
公路施工安全责任书
2015/05/08 职场文书