Question

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

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

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

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

我尝试这样的事情：

$(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>

Answer 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 
}
});

Answer 2

您忘记添加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>

上传图像时禁用发布按钮

2 个答案: