JavaScript控制input仅能输入数字

Posted imOne

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript控制input仅能输入数字相关的知识,希望对你有一定的参考价值。

最近碰到这样的问题,需要控制文本框中输入指定格式的数字,今天和大家分享其中一种方法。

 

效果:仅能输入0-100以内的一位小数,输入有误将提示并清空输入框。

 

一、利用鼠标移除事件,正则校验进行控制,方法如下:

<input type="text" id="num" onblur=" var reg = /^(((\d|[1-9]\d)(\.\d{1,1})?)|100|100.0|100.0)$/;var f = reg.test(this.value);if(!f){alert(‘您输入的数字不合法‘);this.value=‘‘;return;}"/>

 

二、为了增强可读性,可写成如下格式:

<input type="text" id="num" onblur="validateNum(this.value)"/>

function validateNum(this.value){

   var reg = /^(((\d|[1-9]\d)(\.\d{1,1})?)|100|100.0|100.0)$/;

  var f = reg.test(this.value);

  if ( !f ){

    alert(‘您输入的数字不合法‘);

    this.value=‘‘;

    return;

  }

}

以上是关于JavaScript控制input仅能输入数字的主要内容,如果未能解决你的问题,请参考以下文章

javascript控制input只允许输入数字

javascript控制input只允许输入数字

HTML+JavaScript实现input框输入控制多种输入控制

input输入框,控制只能输入两位小数点输入价格(原生)

javascript input只输入数字和字母

javascript判断input框只能输入数字的方法