`

常用Input输入限制

 
阅读更多
常用限制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.只能为数字(有闪动)
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}" />

 

分享到:
评论

相关推荐

    最全的常用限制input的方法

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

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

    本文将会详细地介绍如何在使用Vue开发过程中,对el-input输入框进行输入限制。 首先,我们知道el-input组件在不同场景下有不同的使用方法。对于非动态字段,我们可以通过监听输入事件来限制输入。比如要限制输入为...

    常用限制input的方法

    根据给定文件的信息,本文将详细介绍“常用限制input的方法”,主要涵盖如何通过不同的技术手段来对HTML中的`&lt;input&gt;`元素进行输入限制,确保用户只能输入特定格式或类型的数据。 ### 1. 防止按钮获取焦点时显示...

    表单输入限制方法代码

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

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

    在网页开发中,为input框设置输入限制是常见的需求之一,使用正则表达式是实现这一需求的有效手段。正则表达式是一种强大的文本匹配工具,它可以根据预设的模式匹配字符串,实现对用户输入内容的校验。本文将详细...

    EditText限制输入中文或英文字数

    另一种方法是通过自定义`InputFilter`来实现输入限制。`InputFilter`可以过滤输入的字符,我们可以在其中实现字数检查并阻止超出限制的输入: ```java InputFilter filter = new InputFilter() { @Override ...

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

    本文将详细介绍如何使用JavaScript来控制input元素中时间格式的输入,...希望以上知识点能帮助大家更好地理解如何使用JavaScript控制input输入时间格式,并且能够灵活应用鼠标事件及正则表达式来实现更丰富的交互效果。

    js限制文本框输入内容

    在实际应用中,开发者可能需要根据具体需求对这些知识点进行组合和扩展,以实现更加灵活和个性化的输入限制。例如,结合HTML5的`pattern`属性可以在HTML层面对输入格式进行初步约束,再配合JavaScript进行二次校验。...

    输入框输入数字和小数点后两位

    这个是最直观的网页中常用的js判断输入框输入数字+小数点后两位(可以方便的更改为n位),不同于网上大部分的js判断方式,兼容ie,ff,chrome等多个常用浏览器,上传文件是一静态页面,更适合初学者的使用和更换,...

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

    2. 常用限制input的方法可以分为HTML属性限制和JavaScript事件处理器限制两种。 - 使用HTML属性限制输入: a. readonly:这个属性可以设置输入字段为只读,用户不能修改其值,但它的值仍然会被表单提交。如`...

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

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

    EditText限制输入字符数

    在Android开发中,`EditText` 是一个非常常用的控件,用于接收用户输入的文字信息。有时,我们可能需要对用户输入的字符数进行限制,比如在注册、登录或评论等场景,以防止用户输入过长的内容。本文将详细介绍如何在...

    jQuery控制input只能输入数字和两位小数的方法

    除此之外,文章还提到了其他输入限制的写法,例如: - 限制只能输入数字的写法:`&lt;input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")' /&gt;` - 限制只能输入数字、字母和横线"-"的写法:`&lt;input ...

    JS输入框限制数值输入插件

    在JavaScript编程中,输入框(INPUT)是网页交互中常用的一种元素,用户可以通过它输入文本。然而,在某些情况下,我们可能需要对用户输入的数据进行特定的限制,例如限制输入为数值,只允许整数、浮点数或者特定的...

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

    在实际项目中,开发者可能会结合使用多种方式,以实现更复杂的输入限制逻辑。例如,结合`TextWatcher`和`maxLength`,既能限制输入长度,又能实时验证输入内容的合法性。在提供的压缩包文件中,可能包含了一个Java ...

    C++ 六种常用输入

    综上所述,C++中六种常用的输入函数各有特点,了解它们的使用场景和限制能够帮助开发者编写更安全、更高效的代码。在实际开发中,应根据具体的需求选择合适的输入方法,并注意避免常见的输入错误和安全风险。

    Android的edittext在弹出框中实现输入自动千分位分隔和金额限制

    在Android开发中,`EditText` 是一个非常常用的控件,用于接收用户输入的数据。在一些特定的场景下,如财务应用或购物应用,我们可能需要对用户输入的金额进行格式化,使其显示为带有千分位分隔的样式,并且限制输入...

    html限制输入中英文字符[文].pdf

    根据提供的文档内容,本文将详细介绍几种常用的限制用户输入的方法,并通过具体的代码示例来解释如何实现这些功能。 #### 1. 只能输入数字和英文 ```html &lt;input onkeyup="value=value.replace(/[\W]/g,'')" ...

    jsp中input的高级运用

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

Global site tag (gtag.js) - Google Analytics