文本框只能输入数字网页代码

 方法一、四事件组合完合可以实现文本框只能输入数字
<input type="text"
onkeypress = 'return /^d$/.test(String.fromCharCode(event.keyCode))'
oninput= 'this.value = this.value.replace(/D+/g, "")'
onpropertychange='if(!/D+/.test(this.value)){return;};this.value=this.value.replace(/D+/g, "")'
onblur = 'this.value = this.value.replace(/D+/g, "")'/>
方法二、jquery法实现文本框只能输入数字
控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换。如下语句可以实现这样的功能。
下面的语句是用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。
Js代码  收藏代码
//监听键盘,只允许输入数字和小数点  
            $(".checkNum").keypress(function(event) {  
                var keyCode = event.which;  
                if (keyCode == 46 || (keyCode >= 48 && keyCode <=57))  
                    return true;  
                else  
                    return false;  
            }).focus(function() {  
                this.style.imeMode='disabled';  
            });  
imeMode有四种形式,分别是:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

时间: 2024-09-16 02:25:07

文本框只能输入数字网页代码的相关文章

2007-01-15 18:38 动态显示用户输入的字数,文本框只能输入数字的代码

本代码可以动态显示用户输入的字数(本篇如果输入字数大于60回提示,并且自动删除超出后的字符).   <SCRIPT language=JavaScript> <!-- function charge(obj){ var maxstring; maxstring = 60; document.all.smsContentLenght.innerHTML=obj.value.length if (obj.value.length > maxstring) { obj.value = o

文本框只能输入数字的js代码(含小数点)_javascript技巧

只能输入0-9多包括小数点 <html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title> <script language="JavaScript" type="text/javascript">

js 限制文本框只能输入数字 汉字 字母与禁止输空格代码

1.文本框只能输入数字代码(小数点也不能输入)  代码如下 复制代码     <input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"> 2.只能输入数字,能输小数点.  代码如下 复制代码     <input onkeyup="if(isNaN(value))execComm

四款js 文本框只能输入数字

<!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> <title>只允许输入数字和回车的多行文本框js 代码

jquery实现文本框只能输入数字

如下是例子的部分代码(2个方法都可以) <script type="text/javascript"> $(document).ready(function() { onlyNum("test"); } //文本框只能输入数字,不能输入小数点和字母 by john function onlyNum(id){ $("#"+id).keydown(function(event) { var keyCode = event.which; i

JQuery限制文本框只能输入数字和小数点的方法

 这篇文章主要介绍了JQuery限制文本框只能输入数字和小数点的方法,大家参考使用吧   代码如下: $(function(){                  /*JQuery 限制文本框只能输入数字*/               $(".NumText").keyup(function(){                         $(this).val($(this).val().replace(/D|^0/g,''));                   }).b

JS限制文本框只能输入数字和字母方法

 这篇文章主要介绍了JS限制文本框只能输入数字和字母方法,本文给出了限制只能输入数字.限制只能输入字母.限制只能输入数字和字母3种脚本,需要的朋友可以参考下     限制只能输入数字   代码如下: // ---------------------------------------------------------------------- // <summary> // 限制只能输入数字 // demo: $(".onlyNum").onlyNum(); 限制使用了o

html文本框只能输入数字

进行web前端开发,会经常遇到校验文本框内容的情形.比如校验用户输入的手机号是否合法. 其实我们可以从根本上减少用户犯错的机会,比如文本框只能输入数字,若输入非数字字符,则马上被删除. 界面:  第一个文本框,输入字母时会立即把字母替换为空字符串. 核心js方法: Js代码   /*   * 只能输入正整数,不能有小数点   *    */   onlyIntegerKeyUp=function(e){       if(e===undefined){           e=window.ev

jquery限定文本框只能输入数字(整数和小数)_jquery

本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title></title> <script type="text/javascript" src="mytest