`
toyota2006
  • 浏览: 552454 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

输入框input高级限制

阅读更多
1.取消按钮按下时的虚线框

引用
  在input里添加属性值  hideFocus 或者 HideFocus=true



2.防止退后清空的TEXT文档(可把style内容做做为类引用)

<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput> 


3.ENTER键可以让光标移到下一个输入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9" > 


4.只能为中文(有闪动)
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">


5.只能为中文(有闪动)
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">


6.只能为数字(有闪动)

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


7.只能为数字(无闪动)
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 


8.只能输入英文和数字(有闪动)
<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 


9.屏蔽输入法
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> 



10. 只能输入 数字,小数点,减号(-) 字符(无闪动)

<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">  



11. 只能输入两位小数,三位小数(有闪动)

<input maxlength=9 onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe> 
分享到:
评论

相关推荐

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

    在JavaScript(JS)中,对输入框(input field)进行字数限制并提供实时提醒是一项常见的需求,尤其在网页表单、评论区或者聊天界面等交互场景中。这个"js输入框字数限制提醒.zip"文件可能包含了一个或多个示例代码...

    input 高级限制级用法

    在网页设计中,`&lt;input&gt;` 标签用于创建用户可交互的文本输入框,而“高级限制级用法”是指通过添加特定属性和事件处理程序来限制用户在文本框中输入的内容类型或行为。以下是一些常见的高级限制级用法的详细说明: ...

    一个增加表单input的例子/表单框按需求点击增加

    对于更高级的版本,可能需要考虑一些优化,例如限制可以添加的最大输入框数量,或者提供删除已添加输入框的功能。这可以通过增加额外的逻辑来实现,比如检查当前已有输入框的数量,或者添加一个删除按钮并绑定相应的...

    input高级用法input高级用法

    ### Input高级用法详解 #### 一、概述 在网页开发过程中,`input`元素是与用户交互最为频繁的HTML元素之一。通过合理地利用`input`的各种属性和事件,可以实现更为丰富的用户体验和功能。本文将根据提供的部分代码...

    安卓输入框被虚拟键盘挡住的问题(微信开发)

    在寻找解决方案的过程中,开发者可以借鉴一些高级技巧,例如使用JavaScript监听滚动事件,判断滚动条的位置和滚动方向,从而控制页面滚动。例如,以下代码片段可以帮助判断滚动方向: ```javascript var content = ...

    JavaScript网页表单元素Input的高级用法

    ### JavaScript网页表单元素Input的高级用法 在Web开发中,`&lt;input&gt;`元素是构建用户交互界面的重要组成部分之一。通过JavaScript可以实现对`&lt;input&gt;`元素的高级操作,从而提升用户体验、增加表单的有效性和安全性。...

    操作网页输入框.rar

    - **数字输入框**(`&lt;input type="number"&gt;`):限制输入为数字,并可设置最小值和最大值。 - **日期选择框**(`&lt;input type="date"&gt;`):允许用户选择日期。 - **搜索框**(`&lt;input type="search"&gt;`):专用于...

    Bootstrap4数值输入插件

    此外,插件可能还提供了其他高级功能,如步长控制(`data-step`),或者自定义事件监听器,以便在数值改变时执行某些操作。 在`index.html`和`readme.html`文件中,可能包含了演示示例和插件的使用说明。`related`...

    jQuery数字加减输入框代码.zip

    除了基础功能,此插件可能还包含其他高级特性,如限制输入的最大值和最小值,防止用户手动输入无效数字,或者添加动画效果使数值变化更流畅。例如,我们可以添加验证代码: ```javascript $input.attr('min', 1)....

    input type=file 显示的浏览 改成英文

    如果你正在使用jQuery或其他JavaScript库,可以找到一些插件或者库,如`bootstrap-fileinput`,它们提供了更高级的自定义功能,包括语言选项。例如,在`bootstrap-fileinput`中,你可以这样设置: ```javascript ...

    易语言源码易语言学习进阶输入框源码.rar

    这个“易语言源码易语言学习进阶输入框源码.rar”压缩包文件显然包含了与易语言相关的代码示例,特别是关于输入框(Input Box)的实现,这对于想要深入学习易语言编程的用户来说是非常有价值的资源。 输入框是用户...

    安卓高级xml输入框EditText及其登陆界面布局shape使用

    `android:inputType`可以限制用户输入的类型(如电话号码、电子邮件地址等),`android:textColor`和`android:textColorHint`分别用于设定文本和提示文本的颜色,`android:background`则可以自定义输入框的背景。...

    完整版操作网页输入框.e.rar

    11. **输入框插件与库**:为了提供更高级的功能,开发者可能会使用第三方库,如jQuery UI的Autocomplete、Bootstrap的Form Control,或React的Material-UI等。 这个“完整版操作网页输入框.e.rar”可能涵盖了以上...

    Jquery操作Cookie|多个输入框同时输入效果|下拉列表经典例子

    ### Jquery操作Cookie ...以上内容涵盖了如何使用jQuery操作Cookie、实现多个输入框的同时输入效果以及创建高级下拉列表的功能和技术要点。希望这些知识点能帮助你在Web开发项目中更好地运用jQuery。

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    jQuery Masked Input插件就是这样一个工具,它允许开发者为文本输入框设定特定的格式,如金额、时间、秒和毫秒等,使得用户在输入时可以得到实时的反馈和提示。本文将深入探讨jQuery Masked Input插件的使用方法和...

    EditTag(输入框标签)

    9. **库与框架集成**:若使用前端框架,如React的`react-tagsinput`或Vue的`vue-tag-input`,可以直接引入组件库,简化开发过程,同时享受库提供的高级功能和优化。 10. **数据绑定**:EditTag组件的值通常与后台...

    vue中使用iview自定义验证关键词输入框问题及解决方法

    // 自定义验证高级配置关键词 规则 const validKeyWordsRule = (rule, value, callback) =&gt; { var isExceedTwitenty = this.getAdvancedKeyWords(); var isExceedThreeHundreand = this.getAdvancedKeyWords(); ...

    vue自定义指令限制输入框输入值的步骤与完整代码

    在这篇文章中,将会详细介绍如何创建一个自定义指令来限制用户在输入框中输入值的类型,比如只允许用户输入数字。 在开始之前,需要了解的是,原生HTML表单元素已经具备一些基础的校验功能,例如使用`type="number...

Global site tag (gtag.js) - Google Analytics