`
liuyanhui
  • 浏览: 37948 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
最近访客 更多访客>>
社区版块
存档分类
最新评论

文本框输入限制正则表达式收集

阅读更多
1、下面的文本框只能输入数字代码(小数点也不能输入):

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


2、只能输入数字,能输小数点.(注意汉字.用输入法和复制上面三个是有区别的在这里)


CODE:
<input  onkeyup="if(isNaN(value))execCommand('undo')"  onafterpaste="if(isNaN(value))execCommand('undo')">
<input  onkeyup="if(isNaN(value))execCommand('undo')"  onafterpaste="if(isNaN(value))execCommand('undo')">


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


CODE:
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

3、只能输入字母和汉字


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

4、只能输入英文字母和数字,不能输入中文


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

5、只能输入数字和英文chun


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

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


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

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


CODE:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
分享到:
评论

相关推荐

    正则表达式

    这样,引用就不只是帮助你输入正则表达式的重复部分的快 捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字 ...

    html 文本框限制 大全

    使用`pattern`属性,可以设定一个正则表达式,以验证用户输入是否符合特定规则。例如,`&lt;input type="text" pattern="\d{5}"&gt;`将只接受5位数字的输入,如邮政编码。 4. **必填项**: `required`属性可以标记...

    js限制文本框只能输入数字,小数点,英文字母,汉字

    ### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...

    文本框只能输入数字的js代码(含小数点)

    1. JavaScript实现文本框输入限制的代码示例。 2. 如何使文本框只能输入数字和小数点。 3. JavaScript的正则表达式在输入验证中的应用。 4. HTML表单元素onkeyup事件的使用。 5. input文本框的基本操作与属性设置。 ...

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    具体到所提供的代码示例中,有三种情况的文本框输入限制: a) 只能输入数字的文本框: ```html 只能输入数字的文本框:(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/&gt; ``` 这里使用了正则表达式/...

    解决html input验证只能输入数字,不能输入其他的问题

    这种方法利用了JavaScript内置的正则表达式(Regular Expression)来检测用户输入的内容是否全部由数字组成。 知识点一:HTML的input元素 HTML的input元素是一个非常强大的表单控件,它用于创建交互式控件,以便在...

    文本框控件

    1. **输入限制**: - **数字输入**:文本框可以设置只接受数字输入,这在处理金额、年龄或数量等数值时非常有用。可以通过设置验证规则或使用特定事件来实现。 - **汉字输入**:对于中文环境,用户可能需要输入...

    限制TextBox只能输入数字

    本文将详细探讨如何通过代码实现这一功能,帮助初学者和有经验的开发者更好地掌握C#中的文本框输入限制技巧。 ### 知识点一:理解TextBox与KeyPress事件 #### TextBox简介 TextBox是Windows Forms控件之一,用于...

    网页中文本框自校验的标签-input.zip

    在网页设计中,文本框(input)是用户与页面交互的重要元素,用于收集或输入数据。自校验的文本框可以提升用户体验,确保用户输入的数据符合预期格式,从而减少服务器端的压力。本压缩包文件“网页中文本框自校验的...

    控制textarea文本长度,并限制输入字数(带统计显示)

    1. **输入格式校验**:除了字数限制,还可以结合正则表达式检查输入格式,如禁止输入特殊字符或邮箱地址等。 2. **实时反馈**:可以使用CSS添加样式变化,如当达到字数限制的90%时,高亮提示用户。 3. **多语言支持*...

    如何删除文本框里的文字内容中段落之间多余的分行

    使用JavaScript,我们可以获取`&lt;textarea&gt;`中的文本,然后应用正则表达式来处理文本,最后再将处理后的文本重新写入到文本框中。 3. DOM操作:文档对象模型(Document Object Model,简称DOM)是一个跨平台的接口,...

    表单验证

    3. **pattern(pattern)属性**:这个属性允许开发者自定义正则表达式,用于更复杂的输入格式验证。 4. **min/max属性**:对于数值输入,`min`和`max`属性可以限制输入值的范围。 然而,仅依赖HTML的内置验证并不够...

    [其他类别]网页中文本框自校验的标签_input.rar

    在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集和输入数据。自校验的文本框是提升用户体验、确保数据准确性的关键功能。在HTML5中,引入了一系列内置验证机制,使得开发者可以轻松实现对输入...

    preg-match绕过-02-jquery常用的事件.ev4.rar

    例如,一个常见的 preg_match 验证可能是检查用户输入是否符合特定的正则表达式,如邮箱格式。如果使用jQuery的事件处理来收集和发送数据,攻击者可以通过篡改前端代码或者注入恶意脚本来绕过这个验证,提交不符合...

    c#文本框与面板控件

    同时,可以使用正则表达式验证输入内容,比如使用`Validating`或`Validated`事件。 接下来,我们讨论“面板”控件,它由`Panel`类实现。面板是一种容器控件,主要用于组织和管理其他控件。 1. **布局**:`Panel`...

    [其他类别]网页中文本框自校验的标签_input.zip

    `&lt;input&gt;`的`min`, `max`, `step`等属性可以用于数值类型的输入限制;`&lt;input&gt;`的`maxlength`属性可以限制用户输入的最大字符数。这些特性都是提高网页中文本框自校验功能的有效工具。 在实际的毕业设计或课程设计...

    网页中文本框自校验的标签-input.rar

    在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集用户输入的信息。自校验的文本框则是提升用户体验、确保数据准确性的关键功能。在HTML5中,引入了一系列内置的验证机制,使得开发者能够轻松实现...

    表单验证大全表单验证大全

    2. **正则表达式:**使用正则表达式`/[^\u4E00-\u9FA5]/g`匹配所有非中文字符。 3. **替换操作:**将所有匹配到的非中文字符替换为空字符串,从而只保留中文字符。 #### 三、只能输入英文 **知识点概述:** 此功能...

Global site tag (gtag.js) - Google Analytics