62库

您现在的位置是:首页 > 前端开发 > Html/Css > 正文

Html/Css

js控制只能输入数字和小数点

Admin2023-11-11Html/Css93

非常好用,代码示例如下:

<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 禁止使用输入法

2. 代码:

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">

function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符

obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是.

obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.

obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

}

</script>
</head><body>只能输入数字和小数点的文本框:<input name="input1" onkeyup="clearNoNum(this)"></body></html>

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~