`
slikel
  • 浏览: 64675 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

常用文本框输入限制代码

阅读更多

代码示例:

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" 

 
解释:

replace(/[^a-zA-Z]/g,'')" 

 
其中有 ^ 为逻辑词“非”,然后后面跟着a-zA-Z指的是英文字母大小写范围,“/g”表示全局替换,用后面的''中的字符,当前是空!
此句代码的含义为:在文本框中只能输入大写或小写字母,如果不是,则自动删除。
按键抬起来时验证
实际用法:

<input onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" ……………… 

 
实例:
只能输入英文字母 

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"

 
只能输入英文和数字

onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')" 
onkeyup="value=value.replace(/[\W]/g,'')"   猜想:这里的 \W 代表的可能就是非字母和数字项

 
只能输入中文

<SCRIPT> 
function onlychinese() 
{   
if ((window.event.keyCode >=32) && (window.event.keyCode <= 126)) 
{ 
window.event.keyCode = 0 ; 
} 
} 
</SCRIPT>
<INPUT onkeypress="onlychinese() " ………… 

只能输入中文和*号
<SCRIPT>
function onlychinese()
{ 
if (((window.event.keyCode >=32) && (window.event.keyCode <= 41)) || ((window.event.keyCode >= 43) && (window.event.keyCode 
<= 126)))
{ 
window.event.keyCode = 0 ;
} 
} 
</SCRIPT>
<input onkeypress="onlychinese()" …………

 只能输入数字和x(用于身份证号的输入)

onKeyUp="value=value.replace(/[^\d|x]/g,'')" 猜想:这里的 | 后面的就是可以排除的非数字,可是一个范围
如:onKeyUp="value=value.replace(/[^\d|x-z]/g,'')"   则可以在文本框里面输入xyz字母,这里还区分大小写!

 

只能输入数字

onKeyUp="value=value.replace(/[^\d]/g,'')"   猜想:这里的 \d 代表的可能就是数字 

 
则是否可以想象为如果某些字符,则在[]中进行自定义:
如需要输入_+=等,则将代码改为

onKeyUp="value=value.replace(/[^_+=]/g,'')" 

 
意思就是说如果输入的非这三个字符,则删除,如果后面的''中有东西,则用那个替换。

此种方法好似对即使使用复制方法粘贴的字符一样有效!

另外,下面为从网上搜索到的代码,没试过,自行检测:

1.文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

 
2.只能输入数字,能输小数点.

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">   
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"> 

 

3.只能输入字母和汉字

<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

 
5.只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

 

6.只能输入数字和英文<font color="Red">chun</font>

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

 
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

 

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

 
限制只输入12个字符长度的数字

if(form.name.value.length != 12) 
alert("长度12");

 

限制身份证输入和email输入两者中必有一个要必填的,不然就alert

if(form.cardno.value.trim().length == 0 && 
form.email.value.trim().lentth == 0) 
alert("必选一项");

 

 

限制文本框不能输入特殊字符,如:#@¥%~&*,etc...

//验证 字符串中是否包含特殊字符
function validateChar(str) {
	 var txt=new RegExp("[ ,//`,//~,//!,//@,/#,//$,//%,//^,//+,//*,//&,////,///,//?,//|,//:,//.,//<,//>,//{,//},//(,//),//'',//;,//=]");
	 var txt2=new RegExp("[¥!……()——-【】?,。、;:-]");
     if(txt.test(str))
		return false;
     else {

    	 if(txt2.test(str))
    		 return false;
    	
    	return true;
     }
}

  

分享到:
评论

相关推荐

    js限制文本框输入内容

    在网页开发中,JavaScript 是一种常用的脚本语言,用于实现...而`js限制文本框输入内容.htm`这个文件可能就是示例代码,展示了如何实现上述功能的实例。通过阅读和理解这个文件,可以更深入地学习和掌握这些技术。

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

    在C#编程中,文本框(TextBox)是一个常用的控件,用于接收用户的文本输入。当开发者需要限制用户在文本框中只能输入数字时,需要进行特定的处理来实现这一功能。下面将详细介绍如何使C#的TextBox控件只能接受数字...

    如何使用掩码格式化文本框(visual studio C++源代码编写).net

    在.NET框架中,文本框(TextBox)是一种常用的控件,用于接收用户输入的文本数据。在某些场景下,我们可能需要限制用户输入的格式,比如电话号码、日期、信用卡号等,这时就需要用到掩码格式化。本文将详细介绍如何...

    VB 利用文本框组输入数据

    在VB(Visual Basic)编程环境中,文本框组(TextBoxes Group)是一种常用控件,用于用户界面设计,允许用户输入和显示文本数据。利用文本框组输入数据是创建交互式应用程序的重要步骤,尤其是在数据录入、信息查询...

    c# 文本框只能输入数字

    在C#编程中,文本框(TextBox)是一个常用的控件,用于用户输入文本。然而,在某些情况下,我们可能希望限制用户只能输入数字,比如在创建一个计算器应用或数据输入界面时。本文将深入探讨如何在C#中实现文本框只...

    【JS常用代码】JS处理文本框

    标题中的“JS常用代码”指的是JavaScript中经常使用的代码片段,特别是与处理文本框相关的操作。JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在客户端运行,为用户提供交互性的体验。文本框(通常用HTML...

    自定义Editext控制输入字数限制的文本框Editext

    在Android开发中,`EditText` 是一个非常常用的控件,用于接收用户输入的文字。然而,在很多应用场景中,我们可能需要对用户输入的字数进行限制,比如短信发送、评论留言等。为了实现这一功能,我们可以自定义一个 `...

    js只能输入数字(包括小数)的文本框

    "js只能输入数字(包括小数)的文本框"就是一个这样的需求,它通过JavaScript代码实现,允许用户在文本框中输入整数或小数,而排除其他非数字字符。这通常用于财务、统计或任何需要精确数值输入的场景。 JavaScript...

    ASP.NET漂亮可编辑文本框

    此类控件通常会提供API接口,使得开发者可以定制编辑器的行为,如设置默认样式、限制输入内容、添加自定义工具栏按钮等。它们还可能支持HTML的预览和处理,以及与后端数据存储的交互,比如保存或获取编辑后的文本到...

    ckeditor文本框控件

    在Web开发中,文本框(TextBox)是不可或缺的元素,它允许用户输入文本数据。CKEditor是一款强大的富文本编辑器,它为文本框提供了丰富的功能和美化效果,常用于创建在线内容编辑界面。CKEditor不仅支持基本的文字...

    edittext限制字数

    Android社区有一些第三方库可以帮助实现`EditText`的输入限制,例如`linkedittext`库(可能是你提供的压缩包中的内容)。这个库可能提供了更方便的API,以优雅的方式实现字数限制功能。不过,具体使用方法需要查看...

    complete textbox文本框自动下拉控件

    "complete textbox"文本框自动下拉控件是一种在编程中常用的设计元素,它通常用于提高用户界面的交互性和效率。这种控件允许用户在输入文本时自动显示与输入内容匹配的下拉选项,常见于搜索框、地址输入等场景。在...

    文本框智能提示

    1. JavaScript:前端开发中最常用的语言,JavaScript库如jQuery、React、Vue等都提供了实现文本框智能提示的插件或组件。例如,jQuery UI的Autocomplete插件,可以方便地添加到任何输入框中。 2. AJAX:异步...

    C# VB文本框textbox根据字符串自动调整高度

    在这些应用中,文本框(TextBox)是用户界面中常见的控件,用于接收和显示文本输入。有时,我们希望文本框能根据其中的字符串长度自动调整其高度,以便正确显示所有文本,而无需滚动。以下是对这一功能的详细解释。 ...

    多功能文本框 Text ActiveX.rar

    这意味着开发者可以定制一个包含常用符号的菜单,用户只需右键点击就能快速插入,大大提高了输入效率,尤其适用于编辑代码或者撰写含有特定符号的文档时。 最后,文本框在鼠标移入和移出时可以改变颜色,这种视觉...

    点击text文本框弹出日期选择器.zip

    总结来说,“点击text文本框弹出日期选择器”是前端开发中常用的一种交互设计,通过原生JavaScript实现的日期时间选择器能有效提升用户体验。开发者需要掌握事件监听、DOM操作、CSS样式以及JavaScript对象和数据处理...

    C#实现的数值文本框(TextBox)组件TDecEditBox

    在.NET Framework中,C#是一种常用的编程语言,用于构建各种应用程序,包括Windows桌面应用。在Windows桌面应用开发中,TextBox控件是用户界面(UI)设计的重要组成部分,它允许用户输入和显示文本。然而,标准的...

    C# 限制textbox只能输入数字 C#限制textbox只能输入数字

    在C#编程中,TextBox控件是用于用户输入文本的常用元素。然而,在某些场景下,我们可能希望限制用户只能在TextBox中输入数字,避免输入其他字符,如字母、符号等。这通常在处理诸如电话号码、身份证号、年龄等数值...

    .NET重写TextBox 限制特殊字符输入粘贴

    在标题提到的场景中,".NET重写TextBox 限制特殊字符输入粘贴"是一个典型的例子,目的是创建一个自定义的文本框控件,能够阻止用户输入或粘贴特定的非标准字符。下面我们将详细探讨如何实现这个功能,以及涉及到的...

Global site tag (gtag.js) - Google Analytics