【问题标题】:Enable submit button after uploading more than 1 file上传超过 1 个文件后启用提交按钮
【发布时间】:2013-01-08 12:11:21
【问题描述】:

所以我在这里找到了部分答案,我需要的是启用提交按钮,但只有在上传超过 1 个文件之后。当我只上传 1 个时,它会自动启用,但我需要的是在我提交第二个文件之前不会启用提交。

$(document).ready(
function(){
    $('input:submit').attr('disabled',true);
    $('input:file').change(
        function(){
            if ($(this).val()){
                $('input:submit').removeAttr('disabled'); 
            }
            else {
                $('input:submit').attr('disabled',true);
            }
        });
});

http://jsfiddle.net/2Ayu5/49/ 谢谢你

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    看到这个Link with Demo

    id 用于file

    $(document).ready(
        function(){
            $('input:submit').attr('disabled',true);
            $('input:file').change(
                function(){
                    if ($("#1").val() && $("#2").val()){
                        $('input:submit').removeAttr('disabled'); 
                    }
                    else {
                        $('input:submit').attr('disabled',true);
                    }
                });
        });
    

    【讨论】:

    • 是的,谢谢你们,速度够快了!
    【解决方案2】:

    试试这个:http://jsfiddle.net/arvind07/2Ayu5/50/

    $(document).ready(
        function(){
            $('input:submit').attr('disabled',true);
            $('input:file').change(
                function(){
                    if ($("#file1").val() && $("#file2").val()){
                        $('input:submit').removeAttr('disabled'); 
                    }
                    else {
                        $('input:submit').attr('disabled',true);
                    }
                });
        });
    

    HTML:

    <form action="#" method="post">
        <fieldset>
            <input type="file" id="file1"/>
        </fieldset>
       <fieldset>
            <input type="file" id="file2"/>
        </fieldset>
        <fieldset>
            <input type="submit" />
        </fieldset>
    </form>
    

    【讨论】:

      猜你喜欢
      • 2016-08-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多