1. 程式人生 > >JavaScript控制input僅能輸入數字

JavaScript控制input僅能輸入數字

可讀性 一位 this 鼠標 其中 blog 控制文本框 小數 進行

最近碰到這樣的問題,需要控制文本框中輸入指定格式的數字,今天和大家分享其中一種方法。

效果:僅能輸入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僅能輸入數字