如何设置HTML 文本输入只允许数字输入

Question

有没有一种快速的方法可以将 HTML 文本输入 ( <input type="text" />) 设置为只允许数字键击（加 '.'）？

Answer 1

使用这个 DOM

<input type='text' onkeypress='validate(event)' />

用这个方法

function validate(evt) {
  var theEvent = evt || window.event;

  // Handle paste
  if (theEvent.type === 'paste') {
      key = event.clipboardData.getData('text/plain');
  } else {
  // Handle key press
      var key = theEvent.keyCode || theEvent.which;
      key = String.fromCharCode(key);
  }
  var regex = /[0-9]|\./;
  if( !regex.test(key) ) {
    theEvent.returnValue = false;
    if(theEvent.preventDefault) theEvent.preventDefault();
  }
}