每日更新|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代码。