jQuery控制输入框只能输入数值的小例子

复制代码 代码如下:

  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="UTF-8">

  <title>Test</title>

  <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>

  </head>

  <script type="text/javascript">

  $(document).ready(function() {

  //敲击按键时触发

  $("#Score").bind("keypress", function(event) {

  var getValue = $(this).val();

  //控制第一个不能输入小数点"."

  if (getValue.length == 0 && event.which == 46) {

  event.preventDefault();

  return;

  }

  //控制只能输入一个小数点"."

  if (getValue.indexOf('.') != -1 && event.which == 46) {

  event.preventDefault();

  return;

  }

  //控制只能输入的值

  if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {

  event.preventDefault();

  return;

  }

  })

  //失去焦点是触发

  $("#Score").bind("blur", function(event) {

  var value = $(this).val(), reg = /\.$/;

  if (reg.test(value)) {

  value = value.replace(reg, "");

  $(this).val(value);

  }

  })

  });

  </script>

  <body>

  <input type="text" id="Score" />

  </body>

  </html>