zoukankan      html  css  js  c++  java
  • html中radio单选和文本框限制只能输入数字的解决方案

    一、当html中存在多个radio单选按钮时将所有的单选按钮name属性设置为一样,就可实现每次只选中一个的效果。

    二、限制文本框只能输入数字,代码如下:

    $(function(){
        $(":radio.dian").click(function(){
            //单击radio后移除所有的边框样式
            $("label").removeClass("bank_border");            
            if(this.checked){//当radio选中时设置边框样式
                $(this).parent().parent().attr("class","bank_border");
            }                
        });
        //阻止数字键以外的按键输入
        $("#zf_money").keydown(function(e) {
                digitInput($(this), e);
        });
    });
    
    
    function prevent(e) {
        e.preventDefault ? e.preventDefault(): e.returnValue = false;
    }
    
    function digitInput(el, e) {
        var e = e || window.event; // FF、Chrome IE下获取事件对象
        var c = e.charCode || e.keyCode; //FF、Chrome IE下获取键盘码
        var val = el.val();
        if (c == 110 || c == 190){ // 110 (190) - 小(主)键盘上的点
            (val.indexOf(".") >= 0 || !val.length) && prevent(e); // 已有小数点或者文本框为空,不允许输入点
        }else {
            if ((c != 8 && c != 46 && // 8 - Backspace, 46 - Delete
                (c < 37 || c > 40) && // 37 (38) (39) (40) - Left (Up) (Right) (Down) Arrow
                (c < 48 || c > 57) && // 48~57 - 主键盘上的0~9
                (c < 96 || c > 105)) // 96~105 - 小键盘的0~9
                || e.shiftKey || !re.test(this.value)) { // Shift键,对应的code为16
                prevent(e); // 阻止事件传播到keypress
            }
        }
    }
    View Code

     三、文本框阻止中文的输入

    <input  style="ime-mode:Disabled">
    style="ime-mode:Disabled"意为关闭输入法
  • 相关阅读:
    Java多线程性能优化
    It is indirectly referenced from required .class files
    Switch基本知识
    HibernateTemplate 查询
    Hibernate工作原理及为什么要用?
    深入Java集合学习系列:HashMap的实现原理
    sql查询语句中的乱码 -- 前面加N
    Windows 8.1内置微软五笔输入法
    the rendering library is more recent than your version of android studio
    JBoss vs. Tomcat
  • 原文地址:https://www.cnblogs.com/Gethin/p/4829055.html
Copyright © 2011-2022 走看看