【问题标题】:allow click in a button if image is selected如果选择了图像,则允许单击按钮
【发布时间】:2016-02-17 11:09:17
【问题描述】:

我有一个表格可以上传图片。

我想禁用此按钮并仅在用户选择某个文件时启用它。有什么想法可以让它发挥作用吗?

<form action="/upload.php" id="upload" method="POST">
    <input type="file" name="photo" id="photo" class="file_input">
    <input type="submit" value="Upload" id="upload_btnb" disabled>
</form>

当用户选择文件时如何启用按钮?

【问题讨论】:

  • @RejithRKrishnan 我不想验证图像,只是为了在选择图像时启用按钮!
  • 也就是说你需要检查添加的文件是不是图片,对吧?
  • @RejithRKrishnan 不,用户可以根据需要添加一个 exe...之后我想启用按钮... PHP 将解决 exe 问题...

标签: jquery


【解决方案1】:

尝试如下。

$('#photo').change(function(){
   $('#upload_btnb').prop('disabled', false);
});

【讨论】:

    【解决方案2】:

    试试这样: HTML:

    <form action="#" method="post">
      <input type="file" name="fileInput" id="fileInput" />
      <input type="submit" value="submit" disabled />
    </form>
    <div id="result"></div>
    

    查询:

    $(document).ready(function(){
        $('input:file').change(function(){
            if ($(this).val()) {
               $('input:submit').attr('disabled',false);
               // or, as has been pointed out elsewhere:
               // $('input:submit').removeAttr('disabled'); 
            } 
        });
    });
    

    【讨论】:

    • 使用prop() 而不是attr()
    猜你喜欢
    • 1970-01-01
    • 2023-03-14
    • 2017-09-02
    • 2014-08-19
    • 1970-01-01
    • 1970-01-01
    • 2018-08-01
    • 2020-11-08
    • 1970-01-01
    相关资源
    最近更新 更多