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')">
分享到:
相关推荐
这样,引用就不只是帮助你输入正则表达式的重复部分的快 捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字 ...
使用`pattern`属性,可以设定一个正则表达式,以验证用户输入是否符合特定规则。例如,`<input type="text" pattern="\d{5}">`将只接受5位数字的输入,如邮政编码。 4. **必填项**: `required`属性可以标记...
### JS限制文本框只能输入数字、小数点、英文字母、汉字的知识点解析 在Web开发中,经常需要对用户输入的数据进行合法性验证,确保数据格式符合预期的要求。例如,有时我们需要限定文本框内只能输入特定类型的字符...
1. JavaScript实现文本框输入限制的代码示例。 2. 如何使文本框只能输入数字和小数点。 3. JavaScript的正则表达式在输入验证中的应用。 4. HTML表单元素onkeyup事件的使用。 5. input文本框的基本操作与属性设置。 ...
具体到所提供的代码示例中,有三种情况的文本框输入限制: a) 只能输入数字的文本框: ```html 只能输入数字的文本框:(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/> ``` 这里使用了正则表达式/...
这种方法利用了JavaScript内置的正则表达式(Regular Expression)来检测用户输入的内容是否全部由数字组成。 知识点一:HTML的input元素 HTML的input元素是一个非常强大的表单控件,它用于创建交互式控件,以便在...
1. **输入限制**: - **数字输入**:文本框可以设置只接受数字输入,这在处理金额、年龄或数量等数值时非常有用。可以通过设置验证规则或使用特定事件来实现。 - **汉字输入**:对于中文环境,用户可能需要输入...
本文将详细探讨如何通过代码实现这一功能,帮助初学者和有经验的开发者更好地掌握C#中的文本框输入限制技巧。 ### 知识点一:理解TextBox与KeyPress事件 #### TextBox简介 TextBox是Windows Forms控件之一,用于...
在网页设计中,文本框(input)是用户与页面交互的重要元素,用于收集或输入数据。自校验的文本框可以提升用户体验,确保用户输入的数据符合预期格式,从而减少服务器端的压力。本压缩包文件“网页中文本框自校验的...
1. **输入格式校验**:除了字数限制,还可以结合正则表达式检查输入格式,如禁止输入特殊字符或邮箱地址等。 2. **实时反馈**:可以使用CSS添加样式变化,如当达到字数限制的90%时,高亮提示用户。 3. **多语言支持*...
使用JavaScript,我们可以获取`<textarea>`中的文本,然后应用正则表达式来处理文本,最后再将处理后的文本重新写入到文本框中。 3. DOM操作:文档对象模型(Document Object Model,简称DOM)是一个跨平台的接口,...
3. **pattern(pattern)属性**:这个属性允许开发者自定义正则表达式,用于更复杂的输入格式验证。 4. **min/max属性**:对于数值输入,`min`和`max`属性可以限制输入值的范围。 然而,仅依赖HTML的内置验证并不够...
在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集和输入数据。自校验的文本框是提升用户体验、确保数据准确性的关键功能。在HTML5中,引入了一系列内置验证机制,使得开发者可以轻松实现对输入...
例如,一个常见的 preg_match 验证可能是检查用户输入是否符合特定的正则表达式,如邮箱格式。如果使用jQuery的事件处理来收集和发送数据,攻击者可以通过篡改前端代码或者注入恶意脚本来绕过这个验证,提交不符合...
同时,可以使用正则表达式验证输入内容,比如使用`Validating`或`Validated`事件。 接下来,我们讨论“面板”控件,它由`Panel`类实现。面板是一种容器控件,主要用于组织和管理其他控件。 1. **布局**:`Panel`...
`<input>`的`min`, `max`, `step`等属性可以用于数值类型的输入限制;`<input>`的`maxlength`属性可以限制用户输入的最大字符数。这些特性都是提高网页中文本框自校验功能的有效工具。 在实际的毕业设计或课程设计...
在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集用户输入的信息。自校验的文本框则是提升用户体验、确保数据准确性的关键功能。在HTML5中,引入了一系列内置的验证机制,使得开发者能够轻松实现...
2. **正则表达式:**使用正则表达式`/[^\u4E00-\u9FA5]/g`匹配所有非中文字符。 3. **替换操作:**将所有匹配到的非中文字符替换为空字符串,从而只保留中文字符。 #### 三、只能输入英文 **知识点概述:** 此功能...