`
pavel
  • 浏览: 928082 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

文本框输入内容控制

 
阅读更多

整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$
只能输入数字:"^[0-9]*$"。
只能输入n位的数字:"^\d{n}$"。
只能输入至少n位的数字:"^\d{n,}$"。
只能输入m~n位的数字:。"^\d{m,n}$"
只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。
只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。
只能输入有1~3位小数的正实数:"^[0-9]+(.[0-9]{1,3})?$"。
只能输入非零的正整数:"^\+?[1-9][0-9]*$"。
只能输入非零的负整数:"^\-[1-9][]0-9"*$。
只能输入长度为3的字符:"^.{3}$"。
只能输入由26个英文字母组成的字符串:"^[A-Za-z]+$"。
只能输入由26个大写英文字母组成的字符串:"^[A-Z]+$"。
只能输入由26个小写英文字母组成的字符串:"^[a-z]+$"。
只能输入由数字和26个英文字母组成的字符串:"^[A-Za-z0-9]+$"。
只能输入由数字、26个英文字母或者下划线组成的字符串:"^\w+$"。
验证用户密码:"^[a-zA-Z]\w{5,17}$"正确格式为:以字母开头,长度在6~18之间,只能包含字符、数字和下划线。
验证是否含有^%&',;=?$\"等字符:"[^%&',;=?$\x22]+"。
只能输入汉字:"^[\u4e00-\u9fa5]{0,}$"
验证Email地址:"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"。
验证InternetURL:"^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$"。
验证电话号码:"^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$"正确格式为:"XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX"。
验证身份证号(15位或18位数字):"^\d{15}|\d{18}$"。
验证一年的12个月:"^(0?[1-9]|1[0-2])$"正确格式为:"01"~"09"和"1"~"12"。
验证一个月的31天:"^((0?[1-9])|((1|2)[0-9])|30|31)$"正确格式为;"01"~"09"和"1"~"31"。
匹配中文字符的正则表达式: [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内):[^\x00-\xff]

应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
String.prototype.len=function(){return this.replace(/[^\x00-\xff]/g,"aa").length;}

匹配空行的正则表达式:\n[\s| ]*\r

匹配html标签的正则表达式:<(.*)>(.*)<\/(.*)>|<(.*)\/>

匹配首尾空格的正则表达式:(^\s*)|(\s*$)

应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}

利用正则表达式分解和转换IP地址:

下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}

不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?


利用正则表达式限制网页表单里的文本框输入内容:

用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5\w]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5\w]/g,''))" value="允许下划线,数字字母和汉字">

<script language="javascript">
if (document.layers)//触发键盘事件
document.captureEvents(Event.KEYPRESS)

function xz(thsv,nob){
if(nob=="2"){
window.clipboardData.setData("text","")
alert("避免非法字符输入,请勿复制字符");
return false;
}
if (event.keyCode!=8 && event.keyCode!=16 && event.keyCode!=37 && event.keyCode!=38 && event.keyCode!=39 && event.keyCode!=40){
thsvv=thsv.value;//输入的值
thsvs=thsvv.substring(thsvv.length-1);//输入的最后一个字符
//thsvss=thsvv.substring(0,thsvv.length-1);//去掉最后一个错误字符
if (!thsvs.replace(/[^\u4E00-\u9FA5\w]/g,'') || event.keyCode==189){//正则除去符号和下划线 key
thsv.value='请勿输入非法符号 ['+thsvs+']';
alert('请勿输入非法符号 ['+thsvs+']');
thsv.value="";
return false;
}
}
}

</script>

<input onkeyup="xz(this,1)" onPaste="xz(this,2)" value="">允许数字字母和汉字

<script language="javascript">
<!--
function MaxLength(field,maxlimit){
var j = field.value.replace(/[^\x00-\xff]/g,"**").length;
//alert(j);
var tempString=field.value;
var tt="";
if(j > maxlimit){
for(var i=0;i<maxlimit;i++){
if(tt.replace(/[^\x00-\xff]/g,"**").length < maxlimit)
tt = tempString.substr(0,i+1);
else
break;
}
if(tt.replace(/[^\x00-\xff]/g,"**").length > maxlimit)
tt=tt.substr(0,tt.length-1);
field.value = tt;
}else{
;
}
}
</script>

单行文本框控制<br />
<INPUT type="text" id="Text1" name="Text1" onpropertychange="MaxLength(this, 5)"><br />
多行文本框控制:<br />
<TEXTAREA rows="14"
cols="39" id="Textarea1" name="Textarea1" onpropertychange="MaxLength(this, 15)"></TEXTAREA><br />

控制表单内容只能输入数字,中文....
<script>
function test()  
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>

只能是汉字
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能是英文字符
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
    event.returnValue=false;
}
</script>

<input onkeydown="onlyEng();">
<input name="coname" type="text" size="50" maxlength="35" class="input2" onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
只能是数字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
    event.returnValue=false;
}
</script>

<input onkeydown="onlyNum();">

只能是英文字符和数字
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

验证为email格式
<SCRIPT LANGUAGE=Javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

屏蔽关键字(sex , fuck) - 已修改
<script language="JavaScript1.2">
function test() {
if((a.b.value.indexOf ("sex") == 0)||(a.b.value.indexOf ("fuck") == 0)){
    alert("五讲四美三热爱");
    a.b.focus();
    return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>


限制文本框里只能输入数字
<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39) value=value.replace(/\D/g,'');"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\D/g,''))"> 

分享到:
评论

相关推荐

    文本框输入内容控制(JS,输入限制,数据校验,鼠标焦点)

    文本框输入内容控制(JS,输入限制,数据校验,鼠标焦点),一些开发经营积累,分享给大家。

    js限制文本框输入内容

    "js限制文本框输入内容"这个主题涉及到如何使用JavaScript来控制用户在HTML文本框(`&lt;input&gt;`元素)中输入的数据类型和格式。这通常是为了增强用户体验,确保用户输入的数据符合预期,避免错误或不合法的输入。以下...

    javascript计算文本框输入内容的长度

    根据提供的文件信息,我们可以深入探讨如何使用JavaScript来计算文本框输入内容的长度。尽管标签中标注的是"C#",但从给出的代码片段来看,这显然是一段JavaScript代码,用于实时显示用户在文本框内输入内容的长度。...

    vb2005限制文本框输入内容

    以下将详细介绍如何在VB2005中实现文本框输入内容的限制。 1. 事件处理: VB2005中的文本框控件提供了多种事件,我们可以利用其中的`KeyPress`事件来监听用户的键盘输入。当用户按下键盘上的键时,`KeyPress`事件...

    文本框输入控制

    ### 文本框输入控制 #### 知识点一:文本框输入限制——只允许数字输入 在编程领域,经常需要对用户输入的数据进行格式化控制,以确保输入数据的正确性和有效性。例如,在某些场景下,可能只需要用户输入数字,而...

    js文本框限制输入 多种情况

    #### 六、综合案例:灵活控制文本框输入类型 以上几个案例分别展示了如何限制文本框只允许输入特定类型的字符。在实际应用中,根据需求的不同,还需要考虑更多的细节问题。比如,如何限制文本框只允许输入特定的...

    文本框输入限制(正则表达式)

    文本框输入限制是Web开发中常见的一种需求,用于控制用户在表单中输入的数据类型、格式,以确保数据的有效性和安全性。...开发者可以根据实际需求选择合适的正则表达式和事件监听策略,实现高效且灵活的输入控制。

    C#文本框TextBox只有输入数字

    // 将文本框内容转换为整数,如果输入非法则清空 int num; if (!int.TryParse(textBox.Text, out num)) { textBox.Text = ""; } } ``` `int.TryParse()`方法尝试将文本框的文本转换为整数,如果转换失败(即...

    js文本框输入内容智能提示效果

    在本例中,我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能,这种功能常见于搜索引擎、输入框自动补全等场景,可以极大地提升用户输入体验。 1. **事件监听**: 在这个例子中,使用了`keyup`事件来...

    html限制文本框输入小数点 数字 字母 汉字 等

    ### HTML限制文本框输入小数点、数字、字母、汉字等知识点详解 #### 知识点一:HTML与JavaScript结合限制非数字字符输入 在HTML中,经常需要对用户输入进行限制,比如只允许用户输入数字。这在很多场景下都是非常...

    js限制文本框只输入正整数

    为了更细致地控制用户的输入,可以使用键盘事件如`onkeydown`来即时拦截并阻止非法字符的输入。例如: ```javascript function onlyNum() { var keycode = event.keyCode; var realkey = String.fromCharCode...

    鼠标滚轮控制文本框输入效果Javscript代码

    鼠标滚轮控制文本框输入效果Javscript代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    jquery控制文本框输入密码时有短暂的显示过程.rar

    jquery控制文本框输入密码时有短暂的显示过程.rarjquery控制文本框输入密码时有短暂的显示过程.rarjquery控制文本框输入密码时有短暂的显示过程.rarjquery控制文本框输入密码时有短暂的显示过程.rarjquery控制文本框...

    JS与Jquery之文本框输入并同步输出显示

    在JavaScript和jQuery的世界里,文本框输入的实时同步输出显示是一项常见的交互功能,它能够提升用户的体验,使得用户在输入时就能即时看到结果。本文将深入探讨如何利用这两种技术实现这一功能。 首先,我们来了解...

    防止文本框中非法输入

    各种防止文本框中输入的方法 javascript

    C#文本框输入数字、小数自动转换为千分位相关

    此外,为了响应文本框内容的变化,代码中包含了对`TextChanged`事件的订阅与取消订阅,确保格式化逻辑能在每次输入或编辑后正确执行。 ```csharp txtQty.TextChanged -= new System.Windows.Controls....

    jquery 插件 文本框输入限制 汉字,字母

    针对"文本框输入限制汉字和字母"的需求,我们可以创建一个名为`inputLimit`的插件。这个插件会监听文本框的`keyup`事件,检查用户输入的字符是否符合规定。如果不符合,就删除它。以下是插件实现的代码: ```...

    winForm处理文本框只能输入数字

    2. **性能考量**:在文本框输入量大时,频繁的事件处理可能会对性能造成影响。可以通过增加输入缓冲或使用更高效的算法来减少不必要的处理。 3. **用户体验**:在限制输入的同时,提供良好的用户反馈也很重要。例如...

    文本框的输入限制

    总之,“文本框的输入限制”这个话题涵盖了前端和后端的多种技术,包括HTML5属性、JavaScript事件处理、服务器端验证以及移动应用开发中的输入控制。理解并熟练运用这些方法,有助于构建更健壮、更安全的用户界面。...

    原生js text文本框输入字数限制长度提示

    以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先,我们需要获取到文本框元素,并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成,例如: ```html ``` 这个例子中,...

Global site tag (gtag.js) - Google Analytics