今天遇到了要控制<input>框的输入内容问题,一步步来,先来个控制只能输入数字的标签,如下:
<a href="javascript:;" class="J-pagination" οnclick="getshye();">上一页</a>
<a href="javascript:;" class="J-pagination green-bg" οnclick="getxiaye();">下一页</a>
<input type="text" class="goNum" style="margin-right: 5px;" id="snum" οnkeyup="value=value.replace(/[^\d]/g,'')"/>
<a href="javascript:;" class="green-bg" οnclick="gonum1();">GO</a>
这是一个控制分页跳转的输入标签框:
此处可以参考:https://blog.youkuaiyun.com/yuanyuan214365/article/details/64442953
下面,就来看下标题形式怎么写的吧
html:
<h1>只能输入数字和一位小数点且小数点后面只有两位小数</h1>
<body>
<input type="text" name="je" οnkeyup="clearNoNum(this)" />
</body>
js:
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){
obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
obj.value= parseFloat(obj.value);
}
}
</script>
以上就是全部内容
此处参考:https://www.cnblogs.com/lal-fighting/p/6278337.html