input输入框内容规范正则总结

只允许输入正整数
//min和max属性分别设置最小值、最大值，输入的值必须为：>=1 && <=100
<input type="number" min="1" max="100"/>
 
 

允许输入小数(两位小数)、正数
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" > 
 
 
允许输入小数(一位小数)、正数
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" > 
 
 
开头不能为0，且不能输入小数
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >

// 输入大小写字母、数字、下划线：
<input type="text" οnkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 
 
// 输入小写字母、数字、下划线：
<input type="text" οnkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 
 
// 输入数字和点
<input type="text" οnkeyup="value=value.replace(/[^\d.]/g,'')">
 
// 输入中文:   
<input type="text" οnkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  
  
// 只能输入数字   
<input type="text"  maxlength="16" οnkeyup="value=value.replace(/\D/g,'')">  
或者    <input type="number" >
  
// 只能输入数字，允许输入小数点，且只能输入两位小数（正数、0）
 <input  oninput="value=value.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1')" >
  
// 能输入数字，允许输入小数点和负号，且只能输入两位小数（正数、负数、0）
   <input oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')">
// 若输入中文后，在输入正确的值，值没有变化、显示上一次的值，可在@change中传入$event：
 <input oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
@change="changeContent(row, $index, $event)">

changeContent(row,index,event) {
  this.$set(row, 'testA', event) // 赋值
 }

// 输入英文:   
<input type="text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">  
  
// 输入中文、数字、英文:   
<input οnkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
  
// 输入数字和字母：
<input onKeyUp="value=value.replace(/[\W]/g,'')">  
 
// 除了英文的标点符号以外，其他的都可以中文，英文字母，数字，中文标点
<input type="text" οnkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')">
 
// 只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
 
// 只能输入数字,能输小数点.
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">
 
// 数字和小数点方法二
<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
 
// 只能输入字母和汉字
<input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
 
// 只能输入英文字母和数字,不能输入中文
<input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
 
// 只能输入数字和英文
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
 
// 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
 
// 小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

input框禁止输入空格

vue 使用 v-model.trim 可以去掉首尾的空格
完全不能输入的话，可以使用下面的方法
<input type="text" οnkeyup="this.value=this.value.replace(/\s+/g,'')">
1
2
     3.表单中使用，可以使用下面的方法

<Form ref="formItem" :model="formData">
  <FormItem prop="qualitative">


<Input type="textarea" maxlength="10" show-word-limit :autosize="{ minRows: 5,maxRows: 5 }"
  v-model="formData.qualitative"  
  :onkeyup="formData.qualitative = formData.qualitative.replace(/\s+/g,'')">
</Input>
  

</FormItem>
</Form>