JS輸入限制，不符要求不能輸入的代碼

2024-09-05 12:22:06

字體：大中小

來源：轉載

供稿：網友

原以為這個一個輸入判斷，后來運行一下原來不是這樣子，感覺還不錯，它可以限制你的輸入必須符合規定的條件，如果不符合根本就不能輸入，對那些暈子很管用。

<title>JS輸入限制，不符要求不能輸入的代碼</title><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">大寫英文：<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">任意數字：<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">限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日　  期：<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任意中文：<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'))">部分英文：<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部分中文：<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'))"> 范圍: 一二三四五六七八九十

上一篇：Input輸入框點擊鼠標變色的特效代碼

下一篇：復選框全選、全不選的Javascript代碼