input输入内容处理

  1. 输入框不能输入特殊字符
    在vue mian.js全局定义方法
//全局定义输入框的特殊字符处理
Vue.prototype.validForbid = function (value) {
 value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g, '').replace(/\s/g, "");
 return value;
}

使用方法

<el-input 
           oninput="value=value"
           :value="ruleForm.password"
           @input="e=>ruleForm.password = validForbid(e)"
            show-password>
</el-input>
  1. 输入框只能输入数字
<el-input 
   		v-model='input'
           oninput="value=value.replace(/[^\d]/g, '')">
</el-input>
  1. 输入框只能英文大小写和数字
 只允许输入英文大小写和数字
<el-input 
            oninput="value=value"
           :value="ruleForm.bank"
           @input="e=>ruleForm.bank = validForbid(e).replace(/[\u4E00-\u9FA5]/g,'')"
</el-input>
  1. 首位不能为0
 oninput="value=value.replace(/^[0]+[0-9]*$/gi, '')"

你可能感兴趣的:(input输入处理,input)