`
slikel
  • 浏览: 65843 次
  • 性别: 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控件只能接受数字...

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

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

    js各种验证文本框输入格式

    ### JavaScript 验证文本框输入格式详解 在前端开发中,使用JavaScript进行表单验证是十分常见的需求之一。本文将详细介绍几种常用的JavaScript方法来验证文本框中的输入格式,并结合具体的代码示例进行解释。 ###...

    C#文本框只能输入数字

    在C#编程语言中,文本框(TextBox)是Windows Forms应用程序中最常用的控件之一,用于接收用户的输入。但在某些应用场景下,我们可能需要限制用户在文本框中输入的内容类型,例如仅允许输入数字。这种需求常见于需要...

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

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

    VB 利用文本框组输入数据

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

    js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

    ### 正则表达式在JavaScript中的应用:限制文本框输入 #### 一、概述 本文档将详细介绍如何利用JavaScript中的正则表达式来限制HTML表单中的文本框只能输入特定类型的字符,例如数字、小数点和英文字母等。通过...

    c# 文本框只能输入数字

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

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

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

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

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

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

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

    js各种验证文本框输入格式(正则表达式)

    以下是一些使用正则表达式验证文本框输入格式的具体场景和示例: 1. 非空验证 文本框常常需要用户输入一些信息,不能为空,可以通过正则表达式检查输入是否为空。示例代码为: ```javascript (this.value....

    HTML文本框样式

    文本框是网页表单中最常用的输入控件之一,主要通过`&lt;input&gt;`和`&lt;textarea&gt;`标签来实现。`&lt;input&gt;`标签可以创建单行文本输入框,而`&lt;textarea&gt;`则用于多行文本输入。 #### `&lt;input&gt;`标签的关键属性 - **type**:...

    ASP.NET漂亮可编辑文本框

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

    jQuery使用正则表达式限制文本框只能输入数字

    在Web开发中,文本框输入验证是一个常见的需求,其中限制用户仅能输入数字是一个非常实用的功能。通过jQuery结合正则表达式,开发者可以实现这一需求,同时解决浏览器兼容性问题。 首先,基本思路是通过监听文本框...

    ckeditor文本框控件

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

    edittext限制字数

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

    complete textbox文本框自动下拉控件

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

Global site tag (gtag.js) - Google Analytics