input的onkeyup

input type="text"

onkeyup="this.value = this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
正数,保留两位小数


onkeyup="this.value = this.value.match(/\-?(\d+(\.\d{0,2})?)?/) ? this.value.match(/\-?(\d+(\.\d{0,2})?)?/)[0] : ''"
支持负数,保留两位小数


onkeyup="this.value = this.value.match(/(\-{0,1}\d{0,8})?/) ? this.value.match(/(\-{0,1}\d{0,8})?/)[0] : ''"
支持负数,8位整数


onkeyup="this.value = this.value.replace(/\D|^0/g,'')"
大于0的正整数


onkeyup="this.value = this.value.replace(/\D/g,'')"
包括0的正整数

 

onkeyup="this.value = this.value.match(/-?[1-9]?/) ? this.value.match(/-?[1-9]?/)[0] : ''"

没有0的一位整数,1到9或者-1到-9,不含-0

 

$("#Price").textbox('textbox').bind('keyup', function (e) {
  $("#Price").textbox('setValue', $(this).val().match(/\d+(\.\d{0,2})?/) ? $(this).val().match(/\d+(\.\d{0,2})?/)[0] : '' );
});
easyui用法

 

onkeyup="this.value = this.value.replace(/[,,]/g,'')
去除中英文逗号


onkeyup="this.value = this.value.match(/([\(\)\u4E00-\u9FA5]{0,30})/) ? this.value.match(/([\(\)\u4E00-\u9FA5]{0,30})/)[1] : ''"
只能输入中文30个字以内


onkeyup="this.value = this.value.match(/(\d{1,11})/) ? this.value.match(/(\d{1,11})/)[0] : ''"
11位数字


onkeyup="this.value = this.value.match(/([a-zA-Z0-9]{0,16})/) ? this.value.match(/([a-zA-Z0-9]{0,16})/)[0] : ''"
16位数字和字母包括大小写

 

判断不超过4位的英文字母大小写

<input type="text" v-model="TypeNo" maxlength="4" onkeyup="this.value = this.value.replace(/[^a-zA-Z]{1,4}/g,'')" v-on:blur="myBlur" style="margin-left: 30px; margin-top: 13px; width: 300px; height: 30px" />
myBlur:function(){
if(this.TypeNo.length > 4){
this.TypeNo = this.TypeNo.substring(0,4)
}
},

 

<input class="ACDInp1 wzr" type="number" min="0" v-model="item.creditLine" v-on:focus="clear(1,item.creditLine,index)" v-on:blur="myBlur(item.creditLine,index)" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">
myBlur:function(val,ind){
if(val === ''){
this.list2[ind].creditLine = 0
}else{
this.list2[ind].creditLine = val.match(/\d+(\.\d{0,2})?/) ? val.match(/\d+(\.\d{0,2})?/)[0] : ''
}
},
在vue中使用要注意v-model双向绑定的值在blur时需要再执行一次,否则键入的小数点后第三位不会被真正清除

用截取保留两位小数

function numberFilter(val){
  var str = String(val)
  return str.split('.')[0]+'.'+str.split('.')[1].substring(0,2)
}

保留两位小数

(parseInt('-1.567567'*100)/100).toFixed(2)

 

<tr index="11"><td>
<
input id="PurchaseQuotePrice11" onkeyup="inputKey(this)"> </td></tr> function inputKey(t){ var $cur = $(t) var value = $cur.val() var num = '' var len = 0 if(event.keyCode == 13){ num = $cur.parent().parent().next().attr('index') // console.log(num); if(typeof num != 'undefined'){ //通过查找tr自定义属性index来找到下一行的input,并且光标定位在最末位 len = $("#PurchaseQuotePrice"+num).val().length $("#PurchaseQuotePrice"+num)[0].setSelectionRange(len,len); $("#PurchaseQuotePrice"+num).focus() } }else{ //保留两位小数 if(value.match(/\d+(\.\d{0,2})?/)){ $cur.val(value.match(/\d+(\.\d{0,2})?/)[0]) }else{ $cur.val('') } } }

 

input输入4位加空格

<input type="text" id="inpinp" oninput="strFn(value)">
function strFn(val){
    val = val.replace(/\s/g,'')
    var str = ''
    if(val.length>3){
        for(var i=0;i<val.length;i++){
            str += val[i]
            // if(i==2){
            //     str += ' '
            // }
            // if(i==6){
            //     str += ' '
            // }
            if((i+1)%4==0){
                str += ' '
            }
        }
    }else{
        str = val
    }
    // str = str.slice(0,13)
    var selectElement = document.getElementById('inpinp');
    str = str.replace(/^\s|\s$/g,'')
    selectElement.value = str;
}

 

posted @ 2022-04-29 14:20  石头记1  阅读(1125)  评论(0)    收藏  举报