显示图片时禁用提交按钮答案

【问题标题】：Disable Submit Button when picture is displayed显示图片时禁用提交按钮
【发布时间】：2018-10-01 11:03:04
【问题描述】：

我创建了一个用户可以上传照片的功能。上传后，用户可以查看照片。

提交按钮在显示照片时应该被禁用。

我有两个控制器页面：照片列表页面和上传页面。

这是我尝试过的：

<button class="btn" id="submit"> Submit</button>

<script type="text/javascript">
  "use strict";

    $(document).ready(function () {
       $("#submit").click(function () {           
         button.attr('disabled', 'disabled');           
     });
   })

【问题讨论】：

可能缺少变量button 声明
你能给我举个例子吗？

标签： javascript jquery

【解决方案1】：

这是因为在 click 或 submit 按钮上，您的页面已刷新。

如果显示image，正确的方法是disablebutton。

 $(document).ready(function () {
   if(imageDisplayed){         
      button.attr('disabled', 'disabled');           
   )
 })

【讨论】：

对于“imageDisplayed”，我必须声明它吗？
是的，您可以检查显示图像的 HTML 部分，也可以为此保留任何标志。
可以分享一下你的html和图片显示代码吗？

【解决方案2】：

试试这个：

使用 Javascript

<button id="button" onclick="disable()">Click</button>
<script>
function disable() {
   document.getElementById("button").disabled = true;
}
</script>

使用 JQuery

<button id="button" onclick="disable()">Click</button>

<script>
  $(document).ready(function(){
    $('#button').click(function(){
       $(this).prop('disabled', true);
    });
 });
</script>

这是经过检查的代码并且工作正常。

【讨论】：

但这是上传照片
只需在按钮上添加一个 id 添加使用它并更改代码中的 id 名称。就是这样！