在Vue.Js下使用el-input框只能输入数字并限制位数并且限制中文输入以及粘贴

var tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象 inps = tr.getElementsByTagName('input'); // 从tr 对象中获取所有input对象for(var i = 0, len = inps.length; i inps[i].value = ''; // 将每

david840316

76695人浏览 · 2017-08-08 13:43:26

david840316 · 2017-08-08 13:43:26 发布

 
 var  
 tr = document.getElementById( 
 "Id1" 
 ),  
 // 取得ID为Id1的tr对象 
 
 inps = tr.getElementsByTagName( 
 'input' 
 );  
 // 从tr 对象中获取所有input对象 
 
 for 
 ( 
 var  
 i = 0, len = inps.length; i < len; i++) { 
 
 inps[i].value =  
 '' 
 ;  
 // 将每一个input的value置为空 
 
 } 
 
   document. 
   getElementById( 
   "t"). 
   getElementsByTagName( 
   'input')[ 
   0]. 
   value= 
   ''; 
  
  输入中文置空的方法 
 
   < 
   el-input 
  
   @change=" 
   checkNo( 
   searchForm. 
   msel. 
   mselTotalConsumTimes)" 
  
   type = 
   "text" 
  
   onkeypress= 
   "return event.keyCode>=48 
   && 
   event.keyCode<=57" 
  
   size= 
   "small" 
  
   :maxlength=" 
   6" 
  
   style= 
   "width: 120px" 
  
   v-model=" 
   searchForm. 
   msel. 
   mselTotalConsumTimes" 
   ></ 
   el-input 
   > 次 
  
   </ 
   el-col 
   > 
  
   checkNo( 
   value){ 
  
   let 
   reg = 
    / 
   ^ 
   [1-9]\d* 
   $ 
   /; 
  
   if ( 
   value) { 
  
   if ( 
   value > 
   999999 || 
   new 
   RegExp( 
   reg). 
   test( 
   value) == 
   false) { 
  
   setTimeout(() 
    => { 
  
   this. 
   searchForm. 
   msel. 
   mselTotalConsumTimes = 
   ''; 
  
             }, 
   500); 
  
    } 
  
    } 
  
    },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^