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"意为关闭输入法
  • 相关阅读:
    软件性能测试
    我为何转来博客园
    【5】查询练习:DISTINCT、Between...and...、in、order by、count
    第5章:pandas入门【3】汇总和计算描述
    【4】建点表,填点数
    【3】数据库三大设计范式
    【2】约束
    【1】基本操作
    第5章:pandas入门【2】基本功能
    第5章:pandas入门【1】Series与DataFrame
  • 原文地址:https://www.cnblogs.com/Gethin/p/4829055.html
Copyright © 2011-2022 走看看