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

html输入框输入限制

阅读更多

JS判断只能是数字和小数点

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 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}">

4.只能输入字母和汉字
<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')">

 

  1. 输入中文:  
  2.   
  3. <input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  
  4.   
  5. 输入数字:  
  6.   
  7. <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')">  
  8.   
  9. 输入英文:  
  10.   
  11. <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">  
  12.   
  13. 三个合在一起  
  14. <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
  15.   
  16. 只输入数字和字母  
  17. :<INPUT class=input maxLength=12 size=15 name=username id="username" onKeyUp="value=value.replace(/[\W]/g,'')">  

除了英文的标点符号以为 其他的都可以中文,英文字母,数字,中文标点
<input type="text" onkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')">
分享到:
评论

相关推荐

    jquery实现输入框字数限制代码

    在网页开发中,用户输入框(input field)的字数限制是一个常见的需求,尤其是在表单提交、评论系统或在线编辑器等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的功能。本篇...

    js输入框字数限制提醒.zip

    如果"js输入框字数限制提醒.zip"中的代码提供了不同的实现方式,可能涉及到更复杂的逻辑,如处理多行文本、考虑全角字符和半角字符的长度差异、以及在输入过程中动态调整输入框样式等。这些高级特性可以增强用户体验...

    HTML输入框限制非字母输入

    这里提到的jQuery.ABCD.js插件可能就是一个这样的工具,它可以帮助我们实现更加灵活的输入限制。 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画创建等任务。结合jQuery,我们可以创建更...

    仿百度输入框(在输入框输入时,会根据输入的内容模糊查询相关的做成下拉框显示在下面,供选择)

    在IT行业中,构建一个仿百度输入框的功能是一项常见的前端任务,它涉及到用户输入与服务器交互、数据处理以及前端展示等多个方面。这样的功能可以提供实时的模糊查询建议,提高用户的输入效率和体验。以下是对这个...

    输入框只能输入0.5的倍数

    至于提供的`dayLimit.html`文件,从名字推测可能是一个示例页面,用于展示如何限制用户在一天内只能输入特定次数,这与标题“输入框只能输入0.5的倍数”的直接关联性不大,但可能是相关项目的一部分,如登录尝试次数...

    HTML5输入框字数限制提示代码.zip

    首先,让我们了解一下HTML5中与输入限制相关的属性。`maxlength`是HTML5中`&lt;input&gt;`标签的一个属性,用于限制用户在输入框中能输入的最大字符数。例如: ```html ``` 在这个例子中,用户最多只能输入10个字符。 ...

    js 输入框 输入金额 位数限制

    js 输入框 输入金额 位数限制

    HTML5输入框字数限制提示特效.zip

    "HTML5输入框字数限制提示特效"是一个典型的利用HTML5特性实现的交互式用户界面设计,它通过JavaScript(JS)实现动态效果,当用户输入字符数超过预设限制时,输入框会产生抖动提示用户。这个特效不仅增加了用户体验...

    IPV4输入框,输入限制

    本文将深入探讨IPV4输入框的实现原理、功能特性以及如何在实际应用中设置输入限制。 首先,IPV4地址是由32位二进制数表示的网络地址,通常被分为四段,每段8位,用十进制数表示,并以点分隔,如192.168.0.1。IPV4...

    解决webgl输入框无法输入中文插件

    通常,当用户尝试在WebGL场景中使用HTML输入框输入中文时,可能会遇到输入困难或无法输入的情况。这主要是因为WebGL与HTML元素之间的交互存在问题,尤其是在全屏模式下,浏览器的安全策略可能会阻止这种交互,导致...

    js 特效 html 特效 多输入框字母限制

    js 特效 html 特效 多输入框字母限制 js 特效 html 特效 多输入框字母限制

    输入框字数限制

    HTML5还引入了`maxLength`属性,可以直接在HTML标记中设定输入框的最大字符数,如`&lt;input type="text" maxLength="20"&gt;`,但这个属性仅提供基础的限制,并不能阻止用户通过其他方式(如浏览器开发者工具)输入超出...

    多行文本输入框字数限制代码

    在网页设计中,多行文本输入框(通常是`&lt;textarea&gt;`元素)经常用于收集用户的大段文字输入。然而,为了确保数据的有效性和页面布局的稳定性,我们有时需要对输入的字数进行限制。本篇文章将深入探讨如何使用...

    html5实现输入框字数限制提示抖动效果.zip

    在本压缩包"html5实现输入框字数限制提示抖动效果.zip"中,我们可以推测其主要包含一个利用HTML5特性和JavaScript实现的功能:当用户在输入框输入文字超过预设字数限制时,显示的提示信息会呈现出一种“抖动”效果,...

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

    - 此处使用正则表达式 `[^\d|chun]` 来限制输入框只能输入数字或特定字符(这里用 `chun` 作为示例)。 #### 方法七:限制输入框只接受特定格式的小数 ```html ((event.keyCode || event.keyCode &gt; 57) && event....

    字数输入限制按百分比例显示代码

    "字数输入限制按百分比例显示代码"是一种实现这一功能的技术,它允许开发者动态地根据输入框的总字符数限制来显示当前已输入的百分比,为用户提供实时反馈。 首先,我们要理解这个功能的基本工作原理。通常,我们会...

    javascript经典特效---多输入框字母限制.rar

    在JavaScript编程中,实现对多输入框的字母限制是一个常见的需求,特别是在网页表单设计时,我们可能希望用户只能在特定的输入框中输入字母,以确保数据的格式正确。这个"javascript经典特效---多输入框字母限制.rar...

    输入框的测试问题汇总。

    4. 对输入框输入超过限制的字符的处理:测试输入框如何处理超过限制的字符 输入,并且限制的字符数量是多少。 5. 输入框本身的大小、长度:测试输入框的大小和长度是否能够正确地显示。 6. 不同内码的字符的输入:...

    jQuery输入框限制输入内容格式插件

    **jQuery输入框限制输入内容格式插件:jquery.mask.js** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个特定的场景中,`jquery.mask.js`是一个功能强大的...

Global site tag (gtag.js) - Google Analytics