控制只能输入小数以及小数点后3位,或者只能输入0~9的整数(不包括小数点)

1. input输入框 只能输入(正数)数字,包含0和小数:

  oninput="value=value.replace(/[^\d.]/g, '')"

2. input输入框 只能输入(正数)数字,包含0,但小数不可以

  oninput = "value=value.replace(/[^\d]/g,'')"

3. input输入框输入大于0的(正整数)数字 ,但小数不可以:

  oninput="value=value.replace(/\D|^0/g,'')"  

 

使用实例如下:(oninput 和 onkeyup 标签配合检查输入的内容是否符合规范,maxlength属性限制输入的内容长度)

input标签:

 

<input type="text" id="uzhou_1" class="required" value="${uzhou_1}" style="width: 59.5%;margin-bottom: 3px;" oninput="value=value.replace(/[^\d.]/g, '')" maxlength="10"  onkeyup="checkNums(this)" />

 

JS函数:

 

function checkNums(obj){
    //input标签已经控制了,这一步就不需要了 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("$#$", ".");
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3');//只能输入3个小数   
    if (obj.value.indexOf(".") < 0 && obj.value != "") {//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的数字格式
        obj.value = parseFloat(obj.value);
    }
}

 

正文中的input标签如下应用即刻:

添加 onkeyup=clearNoNum(this)函数响应监控输入的字符是否规范

 

//...控制 input 标签只能输入正整数,同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。

<script type="text/javascript">

function check_Input(obj){

obj.value=obj.value.replace(/^(0+)|[^\d]+/g,'');
}

</script>

<input type='text' onkeyup="check_Input(this)">

 

JS实现input输入框只能输入0~9的整数,包括小数点也不可以输入:

实现其实很简单,只需要在input标签中添加该代码        onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"

例如:

<input id="cyz" style="width:35%; height:19px; border:1px solid #000; font-size: 13px; margin-left:5px;" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"/>

posted @ 2019-05-22 15:57  向着阳光漫步  阅读(1590)  评论(0编辑  收藏  举报