隐藏提交按钮,直到选择文件

时间:2014-03-15 03:39:42

标签: javascript jquery html css

我需要隐藏提交按钮,直到选择文件为止。

<form action="upload.php" method="POST" enctype="multipart/form-data">
     <input type="file" name="imageURL[]" id="imageURL" />

     <input type="submit" value="submit" name="submit" />
</form>

2 个答案:

答案 0 :(得分:1)

您可以最初隐藏提交按钮,并在更改输入类型文件时显示提交按钮。

这样的事情 -

$("#imageURL").on("change", function(){
    $("#submit").show();  
})

我使用jquery准备了fiddle

希望这会有所帮助。

答案 1 :(得分:1)

这个答案更好:

$('[type=submit]').hide();

setInterval(function(){
    if($('#imageURL').val()!=""){
     $('[type=submit]').show();
    }else{
        $('[type=submit]').hide();
    }
},1000);

演示: http://jsfiddle.net/s24ZW/14/