失去焦点时输入只读

时间:2014-10-02 12:15:57

标签: javascript jquery

我可能在理解我想要做的事情背后的逻辑上遇到一些麻烦。基本上,当输入' #box_add'失去焦点,我显示消息,并且工作正常。但是,当我点击#activity1a'它仍然使输入只读并且消除了##;活动'中的消息。

我在哪里弄错了逻辑。感谢。

// new intake with files selected
    $(function() { 
    $("#activity1a").click(function () {

                $('#box_add').focusout(function(){
                $("#box_add").prop('readonly', true);
                $("#box_add").css({'background-color': '#fafafa'});
                notif({
                        msg: "Please Only input 1 box per file submission. Each box will hold approx 20 files. Thank you.",
                        type: "boxdstrError",
                        position: "center",
                        width: 490,
                        height: 75,
                        multiline: true,
                        timeout: 6000,
                        opacity: 0.8,
                        fade: 10,
                    });
               });
                $("#bfile_add").prop('disabled', false);

      });
      });

    // ordinary box intake
    $(function() { 
    $("#activity").click(function () {


            $("#box_add").prop('readonly', false);
            $("#box_add").css({'background-color': '#ffffff'});

            $("#bfile_add").prop('disabled', true);

      });
      });

1 个答案:

答案 0 :(得分:3)

像下面那样使用它

$(function() {
    $('input').on('blur',function(){
         $(this).attr('disabled','disabled'); //or use readonly
    });
    $('input').on('focus',function(){
        $(this).removeAttr('disabled'); //or use readonly attribute
    });

});