页面用js脚本控制文本框里输入的类型-优快云博客

本文介绍如何使用JavaScript限制HTML输入框的内容类型，包括仅限汉字、数字、字母等，并提供了多种实用代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经常会遇到在前台用js检查数据问题。


只能输入和粘贴汉字<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
		onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>
只能输入和粘贴数字<input onkeyup="this.value=this.value.replace(/\D/g,'')" 
    	onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
数字脚本<input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>
只能输入数字和英文<input onkeyup="value=value.replace(/[\W]/g,'') "
  		onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>
简易禁止输入汉字<input style="ime-mode:disabled">输入法不转换，但可粘贴上<br/>
输入数字和小数点<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>
只能数字和"-",例如在输入时间的时候可以用到
  <input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

以上是我收集到的，一些东西重在自己理解。
像onafterpaste这个属性(或粘贴函数)，像οnkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"(alert和value的使用)，像style="ime-mode:disabled"(像你在输入验证码时，不需要输入法的转换)，像onkeyup函数(怎么就不用别的函数)。