每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>菜單導航特效代碼>

收藏分享查看評論菜單導航

多種文本框輸入格式限制的JS代碼_菜單導航特效

查看演示效果

特效Tag：表單判斷添加

多種文本框輸進格式限制演示代碼，可以限制文本框只能輸進數字、中文、字符、大寫或小寫、字符長度、日期格式、甚至是人民幣大小寫等，有一些是我們經常用到的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'))"
> 范圍: 一二三四五六七***十

所屬頻道：菜單導航特效/更新時間：2010-05-22

[收藏][報錯][返回列表]

相關菜單導航特效：

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索多種文本框輸入格式限制的JS代碼
特效說明：
菜單導航模板-多種文本框輸入格式限制的JS代碼。