JavaScript部分:function RepNumber(obj) { var reg = /^[\d]+$/g; if (!reg.test(obj" />
当前位置:首页 > 日记 > 正文

为输入框加入数字js校验代码分享

为输入框加入数字js校验代码分享

js限制只能数字输入,并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置,参考如下:

html部分:

<input value="" type="text" onkeyup="javascript:RepNumber(this)">

JavaScript部分:

function RepNumber(obj) {  var reg = /^[\d]+$/g;  if (!reg.test(obj.value)) {    var txt = obj.value;    txt.replace(/[^0-9]+/,    function(char, index, val) { //匹配第一次非数字字符      obj.value = val.replace(/\D/g, ""); //将非数字字符替换成""      var rtextRange = null;      if (obj.setSelectionRange) {        obj.setSelectionRange(index, index);      } else { //支持ie        rtextRange = obj.createTextRange();        rtextRange.moveStart('character', index);        rtextRange.collapse(true);        rtextRange.select();      }    })  }}

下面再分享一个实例:

function chkNumber(eleText)    {       var value =eleText.value;       var len =value.length;       for(vari=0;i<len;i++)       {           if(value.charAt(i)>"9"|| value.charAt(i)<"0")           {              alert("含有非数字字符");              eleText.focus();              break;           }       }    }

总结

以上就是本文关于为输入框加入数字js校验代码分享的全部内容,希望对大家有所帮助。欢迎参阅本站:Java实现JS中的escape和UNescape代码分享、在 Node.js 中使用原生 ES 模块方法解析等,如有不足之处,欢迎留言指出!

相关文章

怎么在WPS表格中绘制xy散点图WPS表

怎么在WPS表格中绘制xy散点图WPS表

绘制,步骤,方法,表格,电脑软件,  排列在工作表的列或行中的数据可以绘制到XY散点图中。散点图显示若干数据系列中各数值之间的关系,或者将两组数绘制为xy坐标的一个系列。下面小编就教你怎么在WPS表格中绘制xy散点图。WPS表格中绘制xy散点…

jQuery鼠标移动上实现放大效果

jQuery鼠标移动上实现放大效果

鼠标移动,效果,电脑软件,jQuery,首先界面上要有图片,下面是图片<img id="big-circle" src="images/pic2.jpg" alt=""/>其次在script代码段中加入如下代码,进行适量修改即可$(document).ready(function () { var x = 10; var y …

wps表格续表有什么种类应该怎么使

wps表格续表有什么种类应该怎么使

种类,有什么,表格,电脑软件,wps,  我们在WPS排版的时候,总会遇到表格不在同一页的情况,如何续表就成了不可忽略的问题,大概分为两种,一种是续表的标题行,另一种就是在下一页表上,标注续表字样。以下是小编为您带来的关于wps表格续表,希望对您有…

怎么在Excel2007中插入数学公式在E

怎么在Excel2007中插入数学公式在E

数学公式,步骤,方法,电脑软件,strong,  写教案,出考题等都会用到数学公式,那么怎么在Excel2007中插入数学公式呢?下面小编来告诉你怎么在Excel2007中插入数学公式吧。在Excel2007中插入数学公式的步骤打开excel表格,将光标定位在需要插入公…

ppt2007中怎样使用艺术字

ppt2007中怎样使用艺术字

方法,设置,艺术字,电脑软件,  在制作幻灯片的时候,怎么样在幻灯片中设置艺术字呢?对于新手来说熟练运用ppt软件还有一定的难度,下面小编就为你介绍ppt2007怎么设置艺术字的方法啦,希望看完本教程的朋友都能学会并运用起来。ppt2007设置艺术…

js学习总结_选项卡封装 | 实例讲解

js学习总结_选项卡封装 | 实例讲解

封装,学习,选项卡,实例,电脑软件,这个插件对应的html的结构如下<div class='box' id='tabFir'> <ul id='tabOptions'> <li class='select'>页卡一</li> <li>页卡二</li> <li>页卡三</li> </ul> <div class…

JS实现预览的两种方式

JS实现预览的两种方式

两种,方式,电脑软件,JS,考虑到用户体验, 网页的图片上传数据库前,先预览是很有必要的一个步骤,第一可以给用户带来安全感,第二防止图片文件有问题而提交到数据库,占用存储资源。那么要实现预览有两种方式:一种是用window.URL.createObjectURl方法…

AngularJS实现根据不同条件显示不

AngularJS实现根据不同条件显示不

条件,控件,显示,电脑软件,AngularJS,由于项目需求,需要实现根据不同条件显示不同控件的功能。具体要求如下图所示:即当选择“每单固定减”时,下方只显示“减免金额”一栏; 当选择“每单固定折扣”时,下方只显示“折扣比例”一栏; 当选择“…

如何隐藏与显示Word2010文档中的文

如何隐藏与显示Word2010文档中的文

文档,文字,显示,电脑软件,  隐藏文字其实是一种很不错的保护Word文档安全的方法,而且这种方法很少有人使用,大多数人一般会选择给文档加密。以下是小编为您带来的关于隐藏与显示Word2010文档中的文字,希望对您有所帮助。隐藏与显示Word2010…

wps文字怎么设置文字环绕

wps文字怎么设置文字环绕

文字,设置,步骤,方法,图片,  wps文字是word的替代品,是一款可以进行文字编辑的办公软件,我们再输入很长文档的时候要插入图片,这个时候,我们如何设置让文字环绕图片排列显示呢?下面小编来告诉你怎么设置文字环绕图片吧,希望对你有帮助!wps文字…

qq带名字的情侣签名

qq带名字的情侣签名

情侣,名字,大全,电脑软件,qq,  一句签名:如果我的生命只剩下一分钟,我会爱你到最后的一秒。下面小编给大家分享了关于qq带名字的情侣签名,希望你喜欢。qq带名字的情侣签名精选1) 不要跟我说未来,未来还未到来。2) 不要跟我说曾经,曾经只是曾经…

zTree获取当前节点的下一级子节点

zTree获取当前节点的下一级子节点

节点,子节点,实例,电脑软件,zTree,使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。将当前节点的treeNode传入即可调用。/*查找当前节点下一级的…