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

常用限制input的方法

阅读更多
1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 
<input type="submit" value="提交" hidefocus="true" />

2.只读文本框内容,在input里添加属性值 readonly 
<input type="text" readonly /> 

3.防止退后清空的TEXT文档(可把style内容做做为类引用) 
<input type="text" style="behavior:url(#default#savehistory);" /> 

4.ENTER键可以让光标移到下一个输入框 
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />

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

6.只能为数字(有闪动) 
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

7.只能为数字(无闪动) 
<input type="text" 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 type="text" 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 type="text" 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}" /> 
 

其实还可以用jquery的keyfilter插件只需要在input里设置上style="ime-mode:disabled"属性 把输入法屏蔽掉就可以了

 

分享到:
评论

相关推荐

    最全的常用限制input的方法

    最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...

    input type是什么意思及常用限制input的方法

    常用限制input的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 复制代码代码如下: &lt;input type=”submit” value=”提交” hidefocus=”true” /&gt; 2.只读文本框内容,在...

    常用限制input的方法的js代码

    ### 常用限制Input的方法的JS代码解析 在网页开发过程中,经常需要对用户输入进行限制或格式化处理,以确保数据的有效性和安全性。本文将详细介绍如何利用JavaScript(简称JS)来实现对HTML `input` 元素的限制与...

    jQuery实现动态添加、删除按钮及input输入框的方法

    通过本篇文章,我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法,同时还将涉及到事件响应和页面元素动态操作的相关技巧。 首先,我们需要注意的是,当页面加载完毕后,jQuery的$(document)....

    vue:el-input输入时限制输入的类型操作

    在使用Vue框架结合Element UI组件库开发应用时,el-input组件是一个常用的表单输入框,它可以用来获取用户的输入数据。然而,在实际应用中,我们往往需要对用户的输入进行限制,比如限制输入类型、输入格式、输入...

    常用生物统计方法的SAS程序

    ### 常用生物统计方法的SAS程序详解 #### SAS系统概述 SAS(Statistical Analysis System)作为一款强大的数据分析软件,自1966年在美国北卡罗来纳州立大学开始研发以来,已经成为了全球范围内广泛使用的统计工具之...

    表单输入限制方法代码

    以上各种方法根据不同的业务场景和数据格式要求,有效地限制和控制了用户在Web表单中的输入,是前端开发中常用的表单输入限制技术。在实际应用中,开发者需根据具体需求选择合适的方法,并结合后端验证,共同保障...

    使用正则限制input框只能输入数字/英文/中文等等

    本文将详细介绍如何使用正则表达式来限制input框的输入,包括只能输入数字、英文、中文等。 首先,我们要了解正则表达式的基本组成部分。正则表达式通常由字母、数字、特殊符号及这些符号组合而成。在HTML中,我们...

    VB6下的一些常用方法

    以下是一些在VB6中常用的编程方法: 1. **ShowDialog方法**:用于打开一个对话框并阻止程序执行直到用户关闭该对话框。例如,当你需要用户输入信息或选择文件时,会使用OpenFileDialog或SaveFileDialog控件的...

    常用限制文本字节数的JS源代码程序

    ### 常用限制文本字节数的JS源代码程序 在Web开发中,经常会遇到需要限制用户输入的字符数量的情况。例如,在表单中限制输入框内的字符长度,以确保数据的一致性和减少服务器压力。本文将详细介绍一个用于限制文本...

    怎么限制input的text里输入的值只能是数字(正则、js)

    本文将详细介绍使用正则表达式和JavaScript代码来限制input的text里输入的值只能是数字的方法。 首先,我们来了解一下正则表达式。正则表达式,又称正则式、规则表达式,是一种文本模式,包括普通字符(例如,字母a...

    input 标签的属性

    在HTML中,`&lt;input&gt;`标签是最常用的表单元素之一,用于收集用户输入的数据。它通过`type`属性定义了不同的输入控件类型,比如文本框、密码框、按钮等。本文将详细介绍`&lt;input&gt;`标签的各种类型及其相关属性,并通过...

    jsp中input的高级运用

    在Web开发中,`&lt;input&gt;`标签是HTML中最基本且最常用的元素之一。它不仅被广泛应用于表单数据的输入,还支持多种类型的数据输入,如文本、数字、日期等。随着JavaScript的普及和发展,`&lt;input&gt;`元素与JavaScript的...

    js常用验证方法

    根据提供的文件内容,我们可以总结出一系列JavaScript常用的验证方法及其应用场景。这些验证方法涵盖了文本长度限制、字符类型过滤、电子邮件格式检查、密码匹配等常见的前端验证需求。下面将逐一解析每个验证方法的...

    editText限制输入的4种方法.rar

    以下就是四种常见的`EditText`限制输入的方法,结合提供的压缩包文件内容,我们将详细讲解这些方法。 1. **通过`android:inputType`属性限制** 在`EditText`的XML布局文件中,我们可以使用`android:inputType`属性...

    Javascript控制input输入时间格式的方法

    另外,在代码中使用String.fromCharCode()将keyCode转换成字符,是处理键盘事件中获得字符值的一种常用方法。 希望以上知识点能帮助大家更好地理解如何使用JavaScript控制input输入时间格式,并且能够灵活应用鼠标...

Global site tag (gtag.js) - Google Analytics