首页 > 网站 > 实用代码 > 正文

多种文本框输入格式限制的JS代码

2024-09-05 12:19:41

字体：大中小

来源：转载

供稿：网友

多种文本框输入格式限制演示代码，可以限制文本框只能输入数字、中文、字符、大写或小写、字符长度、日期格式、甚至是人民币大小写等，有一些是我们经常用到的JS控制功能。你可以运行一下查看具体的功能。

<script>    function regInput(obj, reg, inputStr) {        var docSel = document.selection.createRange()        if (docSel.parentElement().tagName != "INPUT") return false        oSel = docSel.duplicate()        oSel.text = ""        var srcRange = obj.createTextRange()        oSel.setEndPoint("StartToStart", srcRange)        var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)        return reg.test(str)    }</script>小写英文：<xmp style= "display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^[a-z]*$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^[a-z]*$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[a-z]*$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"><br />大写英文：<xmp style= "display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^[A-Z]*$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^[A-Z]*$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[A-Z]*$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"><br />任意数字：<xmp style="display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^[0-9]*$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^[0-9]*$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[0-9]*$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"><br />限2位小数：<xmp style="display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^/d*/.?/d{0,2}$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^/d*/.?/d{0,2}$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^/d*/.?/d{0,2}$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"> 如: 123.12<br />日　  期：<xmp style="display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^/d{1,4}([-//](/d{1,2}([-//](/d{1,2})?)?)?)?$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^/d{1,4}([-//](/d{1,2}([-//](/d{1,2})?)?)?)?$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^/d{1,4}([-//](/d{1,2}([-//](/d{1,2})?)?)?)?$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"> 如: 2002-9-29<br />任意中文：<xmp style="display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^$/,					String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^[/u4E00-/u9FA5]*$/,	window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[/u4E00-/u9FA5]*$/,	event.dataTransfer.getData('Text'))"><br />部分英文：<xmp style="display:inline">	</xmp><input	onkeypress	= "return regInput(this,	/^[a-e]*$/,		String.fromCharCode(event.keyCode))"onpaste		= "return regInput(this,	/^[a-e]*$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[a-e]*$/,		event.dataTransfer.getData('Text'))"style="ime-mode:Disabled"> 范围: a,b,c,d,e<br />部分中文：<xmp style="display:inline">	</xmp><script language=javascript>    function checkChinese(oldLength, obj) {        var oTR = window.document.selection.createRange()        var reg = /[^一二三四五六七八九十]/g        oTR.moveStart("character", -1 * (obj.value.length - oldLength))        oTR.text = oTR.text.replace(reg, "")    }</script><input	onkeypress="return false" onkeydown="setTimeout('checkChinese('+this.value.length+','+this.uniqueID+')', 1)"onpaste		= "return regInput(this,	/^[一二三四五六七八九十]*$/,		window.clipboardData.getData('Text'))"ondrop		= "return regInput(this,	/^[一二三四五六七八九十]*$/,		event.dataTransfer.getData('Text'))"> 范围: 一二三四五六七八九十

上一篇：灰色大按钮式导航条，纯CSS，滑过变色

下一篇：JS仿QQ折叠菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注