控制input输入格式

Posted 2020-10-10

只能输入中文

 copy

1. <input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,‘‘)">    

只能输入英文

 copy

1. <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,‘‘)">    

文本框只能输入数字代码(小数点也不能输入)

 copy

1. <input onkeyup="this.value=this.value.replace(/\D/g,‘‘)" onafterpaste="this.value=this.value.replace(/\D/g,‘‘)">  

只能输入数字,能输小数点

 copy

1. 方法一：<input onkeyup="if(isNaN(value))execCommand(‘undo‘)" onafterpaste="if(isNaN(value))execCommand(‘undo‘)">  

2. 方法二：<input name=txt1 onchange="if(/\D/.test(this.value)){alert(‘只能输入数字‘);this.value=‘‘;}">  

3. 方法三：<input onkeyup="this.value=this.value.replace(/[^\d.]/g,‘‘)" onafterpaste="this.value=this.value.replace(/[^\d.]/g,‘‘)" >  

只能输入数字和英文

 copy

1. <input onKeyUp="value=value.replace(/[^\d|chun]/g,‘‘)">  

只能输入字母和中文

 copy

1. <input onkeyup="value=value.replace(/[\d]/g,‘‘) "onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\d]/g,‘‘))"   

2.  maxlength=10 name="Numbers">  

只能输入字母和数字

 copy

1. <input onkeyup="value=value.replace(/[^\w\.\/]/ig,‘‘)">  

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,‘‘);"> 
这个可以输入大小写字母和数字,下画线

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\d-]/g,‘‘)" onafterpaste="this.value=this.value.replace(/[^\d-]/g,‘‘)"> 

这个可以输入数字,中线（电话号码）

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,‘‘);"> 

这个可以输入小写字母和数字,下画线

<input type="text" onkeyup="value=value.replace(/[^\d.]/g,‘‘)">

这个可以输入数字和点

min、max 和 step 属性用于包含数字、日期的 input 类型约束。
min 属性规定输入域所允许的最小值。
max 属性规定输入域所允许的最大值。
step 属性为输入域规定合法的数字间隔

本文出自 “砥身砺行” 博客，请务必保留此出处http://82711020.blog.51cto.com/12993840/1971803