【转】input 输入限制 js 正则

最新推荐文章于 2024-12-30 16:59:50 发布

转载最新推荐文章于 2024-12-30 16:59:50 发布 · 367 阅读

文章标签：

#javascript

本文介绍如何使用JavaScript限制HTML文本框的输入内容，包括仅允许中文、英文、数字及特定组合等，提供了多种实用代码示例。

只能输入中文

[javascript]view plain copy 
   
 <input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">    

只能输入英文

[javascript]view plain copy 
   
 <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">    

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

[javascript]view plain copy 
   
 <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">  

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

[javascript]view plain copy 
   
 方法一：<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
 方法二：<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  
 方法三：<input onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')" >  

只能输入数字和英文

[javascript]view plain copy 
   
 <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">  

只能输入字母和中文

[javascript]view plain copy 
   
 <input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"   
  maxlength=10 name="Numbers">  

只能输入字母和数字

[javascript]view plain copy 
   
 <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 