js限制文本框只能输入数字/两位小数/负数

发布时间:2020-11-13编辑:脚本学堂
本文介绍了js实现文本框只能输入数字、两位小数与负数的例子,限制文本框只能输入两位小数,input文本框中只能输入数字,需要的朋友参考下。

例1,js限制文本框只能输入两位小数。
 

<script language="javascript">
function checknum(obj)
{   if(/^-d+.?d{0,2}$/.test(obj.value)){
       obj.value = obj.value;
    }else{
   obj.value = obj.value.substring(0,obj.value.length-1);
}
}
</script>
<input type="text" onkeyup="checknum(this);"/>

例2,用js实现在input文本框中只能输入数字。
在input文本框中只能输入数字.
 

<input type="text" name="onlynum" id="onlynum" />
<script type="text/javascript">
var obj = document.getElementById('onlynum');
obj.onkeypress=function(){
if (event.keyCode < 45 || event.keyCode > 57)
event.returnValue = false;
}
</script>

在input文本框中加入onkeypress事件做监听,屏蔽键盘中的非数字键,输入值不是数字则返回为false。

例3,javascript控制文本框只能输入数字
javascript控制文本框只能输入数字,说明:只能输入0到9和小数点,只能粘贴数字,不能拖动内容进来,禁止使用输入法
 

<input
onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"
onpaste="return !clipboardData.getData('text').match(/D/)"
ondragenter="return false"
style="ime-mode:disabled"
>
/*
说明
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法
*/