实用JS脚本：输入限制与验证

2星需积分: 10 117 浏览量更新于2024-09-20 收藏 5KB TXT 举报

本文主要介绍了四个特殊的JavaScript脚本，这些脚本主要用于限制用户在输入框中输入特定格式的内容，如只允许输入数字、全角字符、半角字符范围内的字符等。此外，还提供了一个函数`XN_CheckAllCnText`用于检查字符串是否只包含汉字。 1. 只允许输入全角字符的脚本： `<input onkeyup="val = val.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">` 这段代码通过`onkeyup`和`onbeforepaste`事件监听用户输入，当用户在输入框中输入时，会自动移除所有非数字字符（包括全角字符）。这样，用户只能输入全角数字。 2. 只允许输入数字的脚本： `<input onkeyup="val = val.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">` 类似于第一个脚本，这个脚本也监听用户输入，但只允许输入纯数字，无论是全角还是半角。 3. 只允许输入半角字符的脚本： `<input onkeyup="val = val.replace(/[^\?-\?]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\?-\?]/g,''))">` 这个脚本允许用户输入半角字符，即ASCII字符集中的字符，通过匹配半角问号（?）到半角问号（?）之间的所有字符。 4. 只允许输入汉字的脚本： `<input onkeyup="val = val.replace(/[^\һ-\]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\һ-\]/g,''))">` 这个脚本只允许用户输入汉字，通过正则表达式筛选出非汉字字符并移除。这里使用了`\һ`到`\】`的Unicode范围来表示所有汉字。另外，提供了一个名为`XN_CheckAllCnText`的JavaScript函数，它接受一个字符串参数`str`，并使用正则表达式`/[һ-]/g`检查该字符串是否只包含汉字。如果字符串中含有非汉字字符，函数会弹出警告提示"包含非法字符"；否则，提示"输入合法"。这个函数可以用于验证用户输入的文本是否符合只含有汉字的要求。这些脚本和函数在实际开发中非常实用，能够帮助开发者有效地控制用户输入，确保数据的格式正确，防止恶意或无效的输入。例如，它们可以用于手机号码、身份证号码、全角数字密码等场景，提高用户体验和数据安全性。

1.Ö»ÄÜÊäÈëÊı×ÖºÍÓ¢ÎÄµÄ£º
<input onkeyup= "val=val.replace(/[\W]/g, ' ') "onbeforepaste= "clipboardData.setData( 'text ',clipboardData.getData( 'text ').replace(/[^\d]/g, ' ')) ">
2.Ö»ÄÜÊäÈëÊı×ÖµÄ£º
<input onkeyup= "val=val.replace(/[^\d]/g, ' ') "onbeforepaste= "clipboardData.setData( 'text ',clipboardData.getData( 'text ').replace(/[^\d]/g, ' ')) ">
3.Ö»ÄÜÊäÈëÈ«½ÇµÄ£º
<input onkeyup= "val=val.replace(/[^\?-\?]/g, ' ') " onbeforepaste= "clipboardData.setData( 'text ',clipboardData.getData( 'text ').replace(/[^\?-\?]/g, ' ')) ">
4.Ö»ÄÜÊäÈëºº×ÖµÄ£º
<input onkeyup= "val=val.replace(/[^\Ò»-\ı›]/g, ' ') " onbeforepaste= "clipboardData.setData( 'text ',clipboardData.getData( 'text ').replace(/[^\Ò»-\ı›]/g, ' ')) ">

Àı×Ó£º<input name="people1" type="text" class="in1" id="people1" size="25" maxlength="10" onKeyUp='this.val=this.val.replace(/[^\Ò»-\ı›]/gi,"")' >
·½·¨¶ş£ºÕıÔò±í´ïÊ½ÊµÏÖ£¬¿ÉÊµÏÖÖĞÎÄ£¬·ÇÖĞÎÄ£¬Êı×ÖÊäÈë

======================================================================

<script lang ge="javascript">
function XN_CheckAllCnText(str)
{
var reg=/[Ò»-ı›]/g
if (reg.test(str)){alert("º¬ÓĞºº×Ö");}
else{alert("²»º¬ÓĞºº×Ö");}
}

</script>

<input type="text" name="xunuo">
<input type="button" name="xu" val="µã»÷ÎÒ¿´¿´" onclick="XN_CheckAllCnText(document.all.xunuo.val)">

±íµ¥ÖĞ²»ÔÊĞíÊäÈëÖĞÎÄ£º

<input onkeyup="val=val.replace(/[Ò»-ı›]/g,'')">

下载后可阅读完整内容，剩余4页未读，立即下载

lfl1991

粉丝: 1
资源: 37

实用JS脚本：输入限制与验证

一些js脚本,非常实用

2个比较实用的JS脚本

javascript实用脚本

JavaScript编程实用脚本

js脚本js脚本

实用js页面脚本

js脚本学习 比较实用的基础

js脚本集合有javascript脚本和正则法则

比较实用的复选框的实用javascript脚本

js_util:随机Javascript实用程序脚本

最新资源

js脚本学习比较实用的基础