文本框的输入限制

最新推荐文章于 2023-12-20 09:25:22 发布

最新推荐文章于 2023-12-20 09:25:22 发布 · 163 阅读

文章标签：

#HTML

web前端专栏收录该内容

10 篇文章

订阅专栏

限制文本框，只能输入数字，如果输入非数字，自动去掉 
限制文本框，只能输入数字和小数点，如果输入非数字及小数点，自动去掉 
只能输入数字和小数点 
只能输入数字 
文本框只能输入字母和汉字(不能输入数字) 
只能输入汉字 
只能输入全角 
只能输入数字 
只能输入英文和数字

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>文本框的输入限制</title>
	</head>
	<body>
		<font size=12 color="red">文本框的输入限制</font>
		<p>
		<p>

			限制文本框，只能输入数字，如果输入非数字，自动去掉
			<br>
			<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" />
		<p>

			限制文本框，只能输入数字和小数点，如果输入非数字及小数点，自动去掉
			<br>
			<input type=text tvalue="" ovalue=""
				onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))
				this.value=this.t_value;else this.tvalue=this.value;
				if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.ovalue=this.value"
				onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;
				else this.tvalue=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))
				this.ovalue=this.value"
				onblur="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.ovalue=this.value}">
		<p>

			只能输入数字和小数点
			<br>
			<input onkeyup="if(isNaN(value))execCommand('undo')"
				onafterpaste="if(isNaN(value))execCommand('undo')">
		<p>

			只能输入数字
			<br>
			<input name=txt1
				onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">
		<p>

			文本框只能输入字母和汉字(不能输入数字)
			<br>
			<input onkeyup="value=value.replace(/[\d]/g,'') "
				onbeforepaste="clipboardData.setData('text',
				clipboardData.getData('text').replace(/[\d]/g,''))" />
		<p>

			只能输入汉字
			<BR>
			<input
				onkeyup="this.value=this.value.replace(/[^\u4E00-\u9FA5]/g,'')"
				onbeforepaste="clipboardData.setData('text',
				clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
		<p>

			只能输入全角
			<BR>
			<input
				onkeyup="this.value=this.value.replace(/[^\uFF00-\uFFFF]/g,'')"
				onbeforepaste="clipboardData.setData('text',
				clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))">
		<p>

			只能输入数字
			<BR>
			<input onkeyup="this.value=this.value.replace(/[^\d]/g,'')"
				onbeforepaste="clipboardData.setData('text',
				clipboardData.getData('text').replace(/[^\d]/g,''))">
		<p>

			只能输入英文和数字
			<BR>
			<input onkeyup="this.value=this.value.replace(/[\W]/g,'')"
				onbeforepaste="clipboardData.setData('text',
				clipboardData.getData('text').replace(/[^\d]/g,''))">
		<p>
	</body>
</html>