`
enix2212
  • 浏览: 25367 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

仅限正整数输入

阅读更多
修正了拖拽文本进输入框问题 2011.11.14


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>仅限正整数输入</title>

</head>

<body>
<script>
    //void function (window,undefined){ 
    window.onload = function() {
        var doc = document,list = doc.getElementsByTagName('input');
		
		
        availableNumberInput(list);
    }
    function availableNumberInput(inputs) {
        var len = inputs.length,i,reg = /^(8|9|4[8-9]|5[0-7]|9[6-9]|10[0-5])$/ig;
		
		document.onmousedown=function(){
			 try{
				document.selection.empty()
			 }catch(e){
				getSelection().removeAllRanges()
			}
		}
        for (i = len; i > 0; (inputs[--i].onkeydown = function(e) {
            e = window.event || e;
            var target = e.srcElement || e.target,code = e.charCode || e.keyCode;
            reg.lastIndex = 0;
            if (!reg.test(code) || e.shiftKey) {
                return false;
            }
            target.value === '0' && (target.value = '');
        },inputs[i].oncontextmenu = function() {
            return false;
        }),inputs[i].style.imeMode = 'disabled') {
        }
    }
    //}(window); 
</script>

拖个文字进输入框看看<br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/>
</body>
</html>
分享到:
评论

相关推荐

    js限制文本框只输入正整数

    在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...

    Vue ElementUI实现:限制输入框只能输入正整数的问题

    在Vue和ElementUI框架下,实现输入框(input)只能输入正整数的需求,可以通过多种方式来达成。这里介绍四种不同的方法: ### 方法一:利用禁止按键的方法 此方法通过监听`keyup`事件来阻止用户输入非正整数的字符。...

    只能输入正整数的正则表达式及常用的正则表达式

    在本篇文章中,我们将详细介绍只能输入正整数的正则表达式以及一些常用的正则表达式。正则表达式是一种文本匹配模式,它包括一系列字符和符号构成的字符串,用于描述文本的搜索模式或匹配规则。 首先,我们来看只能...

    c#中只允许输入大于零的小数和整数

    本文将深入探讨如何在C#中实现一个功能,该功能仅允许用户在文本框(`TextBox`)中输入大于零的小数或整数,同时拒绝任何不符合条件的输入。 ### 核心知识点 #### 1. `KeyPress`事件 在C#中,`TextBox`控件提供了...

    Android EditText限制输入整数和小数的位数的方法示例

    - 同样,如果设置了整数位数限制,设置 `InputFilter.LengthFilter` 来限制总的字符数(仅整数位数)。 - 如果输入的整数超过了预设的位数,同样截取字符串,保留指定的整数位数。 这样,`DecimalInputTextWatcher`...

    java判断字符串是正整数的实例

    在Java编程语言中,有时我们需要验证输入的字符串是否表示一个正整数,这对于数据验证或者用户输入处理等场景尤其重要。下面将详细讲解如何通过Java实现这个功能,并结合提供的实例进行解析。 首先,一个正整数是指...

    JS只能输入正整数的简单实例

    在这个简单的实例中,将通过HTML和JavaScript编写代码,实现用户仅能输入正整数的功能,这对于某些需要限制用户输入的场景非常有用,例如限制输入兑换数量时必须为正整数,避免出现错误或无效的输入。接下来将详细...

    jquery 正整数数字校验正则表达式

    本文介绍的是使用jQuery结合正则表达式来校验用户输入的是否为正整数,以确保数据的有效性和一致性。 首先,要理解正则表达式(Regular Expression),它是一种文本模式,包括普通字符(例如,每个字母或数字)和...

    MFC 编辑框控制只输入小数,并控制小数位数,整数位数,值

    本篇文章将深入探讨如何在MFC应用中实现一个特殊的编辑框,仅允许用户输入小数,并且能够限制小数位数和整数位数。 首先,我们需要理解MFC编辑框的基本用法。CEdit类是MFC对Windows API中的EDIT控件的封装,我们...

    c# 文本框只能输入数字

    本文将详细介绍如何实现一个C#文本框,使其仅能接受数字输入。 ### 一、问题背景 在开发应用程序时,经常会遇到需要用户输入数字的情况,如商品数量、金额等。为了避免用户误输入非数字字符导致后续计算出错或...

    C#文本框只能输入数字

    但在某些应用场景下,我们可能需要限制用户在文本框中输入的内容类型,例如仅允许输入数字。这种需求常见于需要精确数据输入的场景,如年龄、价格等数值型数据的收集。本文将详细介绍如何实现C#中的文本框只能输入...

    js限制文本框只能输入整数或者带小数点的数字

    做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字。下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果...

    vue如何限制只能输入正负数及小数

    在Vue项目中,限制用户输入框仅能输入正负数及小数是前端开发中常见的需求,尤其是在财务、科学计算等应用场景。这样的需求可以通过Vue组件的事件监听和数据校验来实现。文章中提到的方法是利用Vue的指令和事件处理...

    2020年csp-j入门级复赛真题.docx

    对于正整数 n 的一种特定拆分,我们称它为“优秀的”,当且仅当在这种拆分下,n 被分解为了若干个不相同的 2 的正整数次幂。 输入格式:输入文件名为 power.in。输入文件只有一行,一个正整数 n,代表需要判断的数...

    2的N次方(N为<100的正整数,可扩展)

    ### 2的N次方(N为的正整数,可扩展) #### 知识点 1. **基本概念与应用场景** - **2的N次方**:指的是数字2乘以自己N次的结果。例如,2的3次方表示2×2×2=8。 - 在计算机科学、数学以及日常生活中都有广泛的...

    QLineEdit只能输入浮点数

    然而,`QLineEdit`默认情况下允许用户输入任何字符,包括整数、浮点数、字母、符号等。在某些场景下,我们可能希望限制用户只能输入浮点数,例如在设计一个数值输入界面时。在这种情况下,我们需要自定义`QLineEdit`...

    js正则表达式 限1-2位整数,或者至多含有两位小数的写法

    //1、只能输入数字或者小数点 仅整数,整数加小数 var reg1=/(^[0-9]{1,2}$)|(^[0-9]{1,2}[\.]{1}[0-9]{1,2}$)/; console.log(reg1.test()+ 空串 false); console.log(reg1.test(1)+ 1 true); console.log(reg1.test...

    解决layui-table单元格编辑只能text问题

    本篇将详细探讨如何解决layui-table单元格编辑仅支持text问题,以便在实际项目中实现更多元化的表单控件,如自定义表单类型、时间控件、数字框、下拉选择和单选等。 layui-table是layui框架中的表格组件,它提供了...

    C# textBox控制输入 只能输入数字,,

    MessageBox.Show("只能输入非零正整数!"); textBox1.Clear(); } ``` ### 四、使用自定义函数验证 另一种方法是编写一个自定义函数来检查字符串是否只包含数字。这种方式易于理解和维护。 #### 代码示例: ```...

Global site tag (gtag.js) - Google Analytics