Question

我正在创建一个简单的mvc应用程序，用户上传文档并单击表单上的提交以上载文件。我正在尝试将计算机将文档上传到数据库时将“上传”文本更改为“待处理”（需要五分钟）。

我有这样的事情：

<input type="submit" class="btn btn-primary btn-block" value="Upload" onclick="this.disabled = true; value = 'Pending';" />

将“上传”按钮的文字更改为“待处理”。但是，如果用户在文件尚未提交时单击“上传”按钮，则“上传”按钮的文本仍会更改为“待定”，即使计算机未将文档上载到数据库也是如此。

有没有我可以用Javascript或其他东西做到这一点？

Answer 1

尝试这样的事情

 onclick="this.disabled = true; this.value= 'Pending';"

虽然从服务器端更改文件上传后的文字

如果您想检查文件是否有文件

 onclick="if($('#fileupload').val()!=''){this.disabled = true; this.value= 'Pending';}else{$('#fileupload').focus();}"

Answer 2

使用jQuery：

$("form").submit(function() {
    $('input[type="submit"]').attr('disabled', 'true').val('Pending');
});

或者你可以这样做：

$('input'[type="submit"]').click(function(e){
  if ($('#upload').val != "") //if the input isn't empty (assuming id is called #upload)
  {
    $('input[type="submit"]').attr('disabled', 'true').val('Pending');
    $('form').submit();
  }
  e.preventDefault();
});

因此，提交按钮只会在提交表单时更改为已禁用并更改值，而不是仅在单击按钮时更改。

Answer 3

您可以创建自定义“按钮”

只是一个漂亮的div，并将javascript函数附加到其'onclick'事件。

接下来，在javascript函数中，您可以将该div的文本设置为“上传”和做一个

document.forms.yourFormName.submit();

并摆脱输入按钮，

或将该按钮的可见性设为“隐藏” 并在javascript中使用jQuery查找按钮并执行

.toggle("click");

在上传文件时将按钮设置为待处理的文本

3 个答案: