`
javne
  • 浏览: 67514 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

限制Input只能输入数字

阅读更多
$("input[name='mobileNo']").keydown(function (event) {   
    if ($.browser.msie) {   
        if ( ((event.keyCode > 47) && (event.keyCode < 58)) ||   
              (event.keyCode == 8) ) {   
            return true;   
        } else {   
            return false;   
        }   
    } else {   
        if ( ((e.which > 47) && (e.which < 58)) ||   
              (e.which == 8) ) {   
            return true;   
        } else {   
            return false;   
        }   
    }   
}); 

 发现小键盘不能起作用,去网上查了下

  onkeypress() 事件
  keycode是一样的 但不能防止粘贴
  keydown和keyup的 keycode和小键盘是不一样的,并且效果对复制粘贴也是有效的

最后的版本:

可能版本不一样还是什么,我这里不需要判断浏览器类型,同样支持FF和ie

		$("input[name='test']").keydown(function (event) {  
        if ( ((event.keyCode > 47) && (event.keyCode < 58)) ||   
              (event.keyCode == 8)|| ((event.keyCode > 95) && (event.keyCode < 106)) ) {   
            return true;   
        } else {   
            return false;   
        }   
 
});   

 上面的支持IE,FF,Google不支持oprea

最后附上一些keycode

<script   type= "text/javascript "> 
function   showKeyName(e) 
{ 
var   keyName; 
switch(e.keyCode) 
{ 
case   8:keyName   =   e.keyCode+ "[退格] ";break; 
case   9:keyName   =   e.keyCode+ "[Tab] ";break; 
case   13:keyName   =   e.keyCode+ "[Enter] ";break; 
case   16:keyName   =   e.keyCode+ "[Shift] ";break; 
case   17:keyName   =   e.keyCode+ "[Ctrl] ";break; 
case   18:keyName   =   e.keyCode+ "[Alt] ";break; 
case   19:keyName   =   e.keyCode+ "[PauseBreak] ";break; 
case   20:keyName   =   e.keyCode+ "[Caps   Lock] ";break; 
case   27:keyName   =   e.keyCode+ "[Esc] ";break; 
case   32:keyName   =   e.keyCode+ "[空格] ";break; 
case   33:keyName   =   e.keyCode+ "[PageUp] ";break; 
case   34:keyName   =   e.keyCode+ "[PageDown] ";break; 
case   35:keyName   =   e.keyCode+ "[End] ";break; 
case   36:keyName   =   e.keyCode+ "[Home] ";break; 
case   37:keyName   =   e.keyCode+ "[方向键左] ";break; 
case   38:keyName   =   e.keyCode+ "[方向键上] ";break; 
case   39:keyName   =   e.keyCode+ "[方向键右] ";break; 
case   40:keyName   =   e.keyCode+ "[方向键下] ";break; 
case   45:keyName   =   e.keyCode+ "[Insert] ";break; 
case   46:keyName   =   e.keyCode+ "[Delete] ";break; 
case   91:keyName   =   e.keyCode+ "[左Win] ";break; 
case   92:keyName   =   e.keyCode+ "[右Win] ";break; 
case   93:keyName   =   e.keyCode+ "[快捷菜单键] ";break; 
case   95:keyName   =   e.keyCode+ "[Sleep] ";break; 
case   96:keyName   =   e.keyCode+ "[小键盘区0] ";break; 
case   97:keyName   =   e.keyCode+ "[小键盘区1] ";break; 
case   98:keyName   =   e.keyCode+ "[小键盘区2] ";break; 
case   99:keyName   =   e.keyCode+ "[小键盘区3] ";break; 
case   100:keyName   =   e.keyCode+ "[小键盘区4] ";break; 
case   101:keyName   =   e.keyCode+ "[小键盘区5] ";break; 
case   102:keyName   =   e.keyCode+ "[小键盘区6] ";break; 
case   103:keyName   =   e.keyCode+ "[小键盘区7] ";break; 
case   104:keyName   =   e.keyCode+ "[小键盘区8] ";break; 
case   105:keyName   =   e.keyCode+ "[小键盘区9] ";break; 
case   106:keyName   =   e.keyCode+ "[*] ";break; 
case   107:keyName   =   e.keyCode+ "[+] ";break; 
case   109:keyName   =   e.keyCode+ "[-] ";break; 
case   110:keyName   =   e.keyCode+ "[.] ";break; 
case   111:keyName   =   e.keyCode+ "[/] ";break; 
case   112:keyName   =   e.keyCode+ "[F1] ";break; 
case   113:keyName   =   e.keyCode+ "[F2] ";break; 
case   114:keyName   =   e.keyCode+ "[F3] ";break; 
case   115:keyName   =   e.keyCode+ "[F4] ";break; 
case   116:keyName   =   e.keyCode+ "[F5] ";break; 
case   117:keyName   =   e.keyCode+ "[F6] ";break; 
case   118:keyName   =   e.keyCode+ "[F7] ";break; 
case   119:keyName   =   e.keyCode+ "[F8] ";break; 
case   120:keyName   =   e.keyCode+ "[F9] ";break; 
case   121:keyName   =   e.keyCode+ "[F10] ";break; 
case   122:keyName   =   e.keyCode+ "[F11] ";break; 
case   123:keyName   =   e.keyCode+ "[F12] ";break; 
case   144:keyName   =   e.keyCode+ "[NumLock] ";break; 
case   145:keyName   =   e.keyCode+ "[ScrollLock] ";break; 
case   186:keyName   =   e.keyCode+ "[;] ";break; 
case   187:keyName   =   e.keyCode+ "[=] ";break; 
case   188:keyName   =   e.keyCode+ "[,] ";break; 
case   189:keyName   =   e.keyCode+ "[-] ";break; 
case   190:keyName   =   e.keyCode+ "[.] ";break; 
case   191:keyName   =   e.keyCode+ "[/] ";break; 
case   192:keyName   =   e.keyCode+ "[`] ";break; 
case   219:keyName   =   e.keyCode+ "[[] ";break; 
case   220:keyName   =   e.keyCode+ "[\\] ";break; 
case   221:keyName   =   e.keyCode+ "[]] ";break; 
case   222:keyName   =   e.keyCode+ "[ '] ";break; 
//case   255:keyName   =   e.keyCode+ "[Power] ";break; 
case   255:keyName   =   e.keyCode+ "[Wake] ";break; 
default:keyName   =   e.keyCode+ "[ "   +   String.fromCharCode(e.keyCode)   +   "] ";break; 
} 
if((e.shiftKey)&&(e.keyCode!=16)){keyName   =   e.keyCode+ "[Shift]   +   "   +   keyName;} 
if((e.altKey)&&(e.keyCode!=18)){keyName   =   e.keyCode+ "[Alt]   +   "   +   keyName;} 
if((e.ctrlKey)&&(e.keyCode!=17)){keyName   =   e.keyCode+ "[Ctrl]   +   "   +   keyName;} 
return   keyName; 
} 
</script> 

 

分享到:
评论

相关推荐

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

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

    javascript方法:input只能输入数字和字母

    javascript 是一种web开发重要工具! 这个方法可以让你实现:input只能输入数字和字母

    input只能输入数字英文字母汉字

    以上示例展示了如何利用JavaScript和HTML实现对`&lt;input&gt;`元素的输入限制,确保用户只能输入指定类型的字符。这种方法广泛应用于表单验证、数据录入系统等场景,有效防止了无效或错误数据的提交,提高了数据质量和...

    js 限制input只能输入数字、字母和汉字等等

    本文将详细解释如何通过JavaScript实现对input元素输入内容的限制,主要包括以下几种限制情况:只能输入数字、字母和汉字;只能输入数字,包括小数点;不能输入特定字符;限制小数点后位数等。 1. 限制只能输入数字...

    火狐input只能输入数字

    在网页开发中,我们经常需要创建输入框(`input`元素)来收集用户的数据,而有时我们希望用户只能输入数字。火狐浏览器和其他现代浏览器都提供了相应的机制来限制`input`元素的输入类型。在本篇文章中,我们将深入...

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

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

    jquery控制input只能输入数字和小数点,并且只能有一个小数点,小数点前第一位不能为0

    本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号

    控制输入框只能输入数字

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

    js正则表达式限制文本框只能输入数字,能输小数点.

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...

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

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

    只能输入数字的EditBox,其它字符无法输入

    总结来说,创建一个只能输入数字的EditBox,可以通过设置`android:inputType`属性结合监听`TextWatcher`事件来实现。自定义控件`NumEdit`可能封装了这些功能,以提供更加健壮的解决方案。在实际项目中,应根据需求的...

    『JavaScript』限制Input只能输入数字实现思路及代码

    需求很简单,一个文字方块必须限制只能输入数字(或是小数点)并且要支援 IE 和 Firefox。 HTML的 Input 是这样下滴 代码如下: &lt;input type=”text” style=”ime-mode:disabled” onkeyup=”return Validate...

    输入textbox控件只能输入数字

    综上所述,限制TextBox控件只能输入数字是一个多方面的问题,涉及到前端和后端的处理,以及可能的自定义控件开发。根据项目需求和技术栈,开发者可以选择最合适的实现方式。对于其他控件或者输入限制情况,也可以...

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

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

    el-input限制输入框只能输入数字

    el-input限制输入框只能输入数字

    限制文本框只能输入double类型

    MessageBox.Show("只能输入数字或小数点!"); } try { string content = ((TextBox)sender).Text; if (content != "") { if ((e.KeyChar.ToString() == ".")) { string num = content + "."; Convert.To...

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

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

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

    总结来说,限制文本框只能输入数字、小数点和减号的正则表达式是`^[-+]?[0-9]*\.?[0-9]+$`,它结合了字符集、量词和否定前瞻断言,确保了用户输入的合法性。这种技术在开发中广泛应用,能够提高数据质量,防止因用户...

Global site tag (gtag.js) - Google Analytics