上传图像时禁用发布按钮

时间:2016-12-30 05:33:22

标签: javascript php jquery html

我发现很多关于禁用双击和禁用按钮的信息等待填写表单。

在这种特殊情况下,我有一个分类广告网站,我需要在图片上传时禁用发布按钮,而不是之前,而不是仅仅是为了清除。

为什么呢?因为用户点击提交并且图片不完整,上传的内容将不会发布到广告中。

我希望你们中的任何人都可以帮助我:

我尝试这样的事情:

$(document).ajaxStart(function () {
    $("#submit").prop("disabled", true);
});

这是我的图片上传代码:

 <?php if(osc_images_enabled_at_items()) {
          if(modern_is_fineuploader() && osc_get_preference('image_upload', 'zara_theme') == 1) {
            ItemForm::ajax_photos();
            echo '</div>';
        } else { ?>
          <div class="row">
            <input type="file" name="photos[]" multiple />
          </div>
        </div>
        <a id="new-pho" href="#" onclick="addNewPhotoZara(); uniform_input_file(); return false;"><?php _e('Add new photo', 'zara'); ?></a>
      <?php } ?>
    </div>
    <?php } ?>

输入:

<button type="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button>

2 个答案:

答案 0 :(得分:1)

您可以使用https://github.com/blueimp/jQuery-File-Upload

查看示例代码以禁用和启用属性&#39;禁用&#39;在提交按钮上:

$('#file').simpleUpload("/ajax/upload.php", {

start: function(file){
      $("#submit").prop("disabled", true);
},
progress: function(progress){
    //received progress 
},
success: function(data){
      $("#submit").prop("disabled", false);
},
error: function(error){
    //upload failed 
}
});

答案 1 :(得分:0)

您忘记添加ID属性

改变
<button type="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button>

<button type="submit" id="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button>