Js限制文本框只能输入整数或带一位小数的浮点数

发布时间:2019-08-30编辑:脚本学堂
如何用js限制文本框输入,只允许输入整数或带一位小数的浮点数,本文分享一例代码,有需要的朋友参考下。

以下代码实现:
JS控制文本框只能输入整数或带一位小数的浮点数

例子:
 

复制代码 代码示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
 <title>Js限制文本框输入整数_www.jb200.com</title>
 <script type="text/javascript" language="javascript">
 //控制文本框只能输入整数或带一位小数的浮点数
 function regInput(obj, inputStr)
 {
  var reg=/^d*.?d{0,1}$/;
  var docSel = document.selection.createRange()
  if (docSel.parentElement().tagName != "INPUT") return false
  oSel = docSel.duplicate()
  oSel.text = ""
  var srcRange = obj.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
  return reg.test(str)
 }
 </script>
</head>
<body>
    <form id="form1" runat="server">
     
        测试html控件:
        <input onkeypress="return regInput(this,String.fromCharCode(event.keyCode))"
            onpaste="return regInput(this,window.clipboardData.getData('Text'))"
            ondrop="return regInput(this,event.dataTransfer.getData('Text'))">
    </form>
</body>
</html>