169it科技资讯


当前位置:  编程技术>jquery

jQuery实现文本框只能输入数字/关闭输入法状态

    来源: 互联网  发布时间:2014-10-09

本节内容:
jQuery控制文本框只能输入数字

对一个文本框的输入内容进行控制,比如控制文本框只能输入数字,比如电话号码的输入、数量的输入等,这时需要控制文本框只能输入数字。

在用js控制之后在英文 输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当转到中文输入法时输入的是中文,再按空格或回车键,中文或英文字母就输进去了。
此时需要在文本框得到焦点时把输入法关闭,就是不响应输入法的切换。

例子,用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。
 

代码示例:
//监听键盘,只允许输入数字和小数点
JavaScript Code复制内容到剪贴板
$(".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'; 
});  // www.

说明,文本框的样式imeMode有四种模式式,分别是:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

您可能感兴趣的文章:
  • jquery限制文本框只能输入数字
  • jquery 限制文本框只能输入数字简单例子
  • jQuery正则验证文本框只能输入数字
  • jquery限制文本框只能输入数字与小数点

    
相关技术文章:
    ▪jquery响应鼠标事件 jquery隐藏与显示input默认值

     例子,jQuery隐藏和显示 input 默认值。   代码示例: <!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>jQuery 隐藏与显示 input 默认值-www.</title> <script language="javascript" src="jquery-1.7.1.min.js"></script> </head> <body> <p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> <p><in......


    ▪jquery弹窗代码示例

     1,jquery脚本,弹窗代码。   代码示例: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $('.popup').click(function (event) { event.preventDefault(); var iTop = (window.screen.height-30-600)/2; var iLeft = (window.screen.width-10-850)/2; window.open($(this).attr("href"), "popupWindow", "width=850,height=600,top="+iTop+",left="+iLeft+",scrollbars=yes"); }); </script> 例子:   <a hre=http://www. class="popup">xxx</a>......


    ▪jquery遮罩层弹窗广告代码

     1,html部分   代码示例: <div>点击这里</div>  <div>效果增强版的</div>  <div></div>  <div>这里是正文内容</div> 2,css部分   代码示例: .bg{display:none;position:fixed;width:100%;height:100%;background:#000;z-index:2;top:0;left:0;opacity:0.7;} .content{display:none;width:500px;height:300px;position:fixed;top:50%;margin-top:-150px;background:#fff;z-index:3;left:50%;margin-left:-250px;} 3,js弹窗代码   代码示例: $(function(......


 
最新技术文章:
    ▪jquery怎么限制文本框只能输入数字?

     如何用jquery 限制文本框只能输入数字呢?   先来看一个简单的例子:    代码示例: $("input[name='fangwenyudinhuishu']").keyup(function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).bind("paste",function(){       var tmptxt=$(this).val();       $(this).val(tmptxt.replace(/\D|^0/g,''));     }).css("ime-mode", "disabled");    以上是keyup事件处理,接着处理了CTR+V事件,最后是css设置输入法不可用。 例子,用jquery限制文本框只能输入数字:(......


    ▪jquery显示与隐藏div的方法示例

     例子,显示与隐藏div。   $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法  以下是一些显示与隐藏div,给元素设置style属性的方法。   1,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性   $("#sendPhoneNum").attr("class", "n_input3");  2,给元素设置style属性   $("#top_notice").attr("style", "display:block;");    3,通过jquery的css方法,设置div隐藏   $("#sendPhoneNum").c......


    ▪jquery怎么获取div的id值?

     例子,jquery获得div的id。   <div id="product_shift_out_{m}"> </div>  <script language = "JavaScript" type="text/javascript">  $(document).ready(function(){  name = $('div').eq(0).attr('id');  alert(name)  });  </script> eq(0)是取第一个jq元素。   eq(index) 匹配一个给定索引值的元素 -------------- Matches a single element by its index. 返回值 Element 参数 index (Number) : 从 0 开始计数 例子,查找第二行。   <table> <tr><td>Header 1</td></tr> <tr><td>Va......


 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号