Js限制文本框只能输入整数或带一位小数的浮点数
发布时间：2015-04-20 编辑：jiaochengji.com
如何用js限制文本框输入，只允许输入整数或带一位小数的浮点数，本文分享一例代码，有需要的朋友参考下。
以下代码实现：
JS控制文本框只能输入整数或带一位小数的浮点数
例子：
复制代码 代码示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Js限制文本框输入整数_www.jiaochengji.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>
<head id="Head1" runat="server">
<title>Js限制文本框输入整数_www.jiaochengji.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>
您可能感兴趣的文章：
Js限制文本框只能输入整数或带一位小数的浮点数
js控制文本框只能输入整数或浮点数
C语言 的 整型数据和浮点型数据
常用js正则表达式验证代码
python有short类型吗
js限制文本框只能输入数字方法汇总
正则表达式实例(中文、字母和数字)分享
PHP浮点数运算精度的问题
正则表达式(匹配中文、数字、html等)代码大全
一些常用的JavaScript验证正则表达式
上一篇：文本框获得焦点与失去焦点实现代码
下一篇：JS只能输入正整数检测代码
[关闭]