`
刘朝雪
  • 浏览: 83924 次
  • 来自: 河北
社区版块
存档分类
最新评论

input 框限制输入

    博客分类:
  • html
 
阅读更多

   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')">

 

 

   3.只能输入英文和数字:

 

Html代码  收藏代码
  1. <input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">  

    4.只能输入字母和汉字
    

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

 

 

   6.只能输入数字和英文
    

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

 

 

   只能输入汉字

 

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

   只能输入数字

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

   只禁止空格输入

onkeyup="value=value.replace(/s/g,'')"

 

 

分享到:
评论

相关推荐

    input框只能输入数字和一个小数点

    限制input框只能输入数字和一个小数点的需求,在实际项目中相当常见。通过合理利用HTML的`&lt;input&gt;`元素类型,结合JavaScript的事件监听和正则表达式,可以有效地实现这一目标。同时,深入理解DOM操作和事件处理机制...

    正则表达式解决input框固定输入值得格式(金额,特殊字符)

    这种情况下,就需要直接在input上进行限制,在前端的应用中主要是用正则表达式来解决这些问题的 第一种情况:只能输入某 {{value}} &lt;el-input v-model=value clearable size=small class=row-value @...

    文本框只能输入 数字,小数点,减号 字符的正则表达式

    在用户界面设计时,我们经常需要限制用户输入的格式,以确保数据的正确性和一致性。例如,一个文本框可能只允许用户输入数字、小数点和减号,这样的需求可以通过设置一个特定的正则表达式来实现。下面我们将详细讨论...

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

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

    input限制输入(数字+小数点)(数字、小数点、-)

    input框输入时,因为数值的特殊要求。往往需要限制输入,本资源包含input只能输入数字+两位小数。以及数字+小数点+符号-。也就是两种类型的限制。数字和小数点。以及负数和小数点。并且小数点不能出现在第一位,并且...

    input,验证,闪动,自动删除,限制输入

    以上内容总结了给定文件中的关键知识点,包括不同类型的输入限制、IME模式的设置、输入验证提示以及自定义验证函数的编写。这些技巧可以帮助开发者更好地控制用户的输入行为,提高应用的安全性和用户体验。

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

    比如要限制输入为手机号码,我们可以通过监听el-input的@input事件,在事件回调函数中通过正则表达式来判断是否为合法的手机号码格式。如果输入的内容不符合要求,可以清空该输入框或给出提示。 对于动态创建的字段...

    控制输入框只能输入数字

    根据给定文件的信息,本文将详细介绍如何在Delphi中实现对不同类型的输入控件(TEdit、TDBEdit、TComboBox、TDBComboBox)进行数字输入的限制。具体包括整数输入与浮点数输入的控制逻辑。 ### 一、整体思路 在...

    vue 校验多个input框右侧提示

    VueValidate是一个专门为Vue设计的表单验证插件,它允许开发者轻松地实现对多个input框的同步校验,并在输入框右侧实时显示提示信息。 在Vue中,我们通常会为每个input绑定一个v-model指令,用来同步用户的输入数据...

    input限制输入数值金额数值小数点符号

    4. **CSS自定义样式**:使用CSS可以改变`input`框的样式,如字体、颜色、边框等,以提供更好的用户体验。例如,可以设置小数点的样式: ```css input[type=number]::-webkit-inner-spin-button, input[type=...

    js form表单input框限制20个字符,10个汉字代码实例.docx

    本文将详细介绍如何使用JavaScript来实现对Form表单中的Input框字符输入限制的功能,具体来说,我们将限制输入的最大长度为20个字符(包括全角字符),或等效于10个汉字。 #### 二、实现原理概述 要实现上述功能,...

    最全的常用限制input的方法

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

    layui实现input框添加tag

    本文将详细介绍如何使用Layui实现input框添加tag功能。 首先,我们需要理解tag输入框的基本概念。Tag输入框是一种常见的用户界面元素,它允许用户在输入文本的同时,将其转化为标签形式展示,常用于关键词输入、...

    js各种限制input输入汇总

    以上总结了使用JavaScript来限制`input`元素的各种常见应用场景,包括但不限于取消虚线框、只读模式、限制输入类型等。这些技术可以帮助开发者更好地控制用户输入,提升用户体验的同时也提高了数据的有效性和安全性...

    完整版编辑框限制输入特定文本例程.e.rar

    "完整版编辑框限制输入特定文本例程"是一个专门解决此类需求的程序实例,它可能包含了多种限制策略和技术。 首先,我们需要理解编辑框限制输入的基本原理。在大多数编程语言中,可以通过监听键盘事件(如keydown、...

    vue 限制input只能输入正数的操作

    在某些项目中 input 框只能输入数字,可以用以下办法: 先在标签上绑定上 @input 事件来监听标签的值变化,通过正则来改变输入的值。 &lt;input class="keep_input" v-number-only style="width:35px" v-model...

    js完美解决jsp文本框限制只能输入数字、小数问题

    ### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...

    Angular限制input框输入金额(是小数的话只保留两位小数点)

    输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。 js判断部分: checkInput: function (event) { var id = event.target.getAttribute(“id”);//获取input的id var reg = /^[-?\d]+(.)?(\d{...

Global site tag (gtag.js) - Google Analytics