如何使用Javascript和Prototype毫不费力地禁用提交按钮？

所以我找到了this个推荐,但我似乎还不太清楚该怎么做.

这是我最初开始的代码：

   function greySubmits(e) {
      var value = e.srcElement.defaultValue;
      // This doesn't work, but it needs to
      $(e).insert('<input type="hidden" name="commit" value="' + value + '" />');

      // This causes IE to not submit at all
      $$("input[type='submit']").each(function(v) {v.disabled = true;})
   }

   // This works fine
   Event.observe(window, 'load', function() {
     $$("input[type='submit']").each(function(e) {
        Event.observe(e, 'click', greySubmits);
     });
  });

无论如何,我已经很接近了,但是我似乎再也无法做到.

谢谢您的帮助！

更新：对不起,我想我还不太清楚.当某人单击提交按钮时,我想禁用所有提交按钮.但是我确实需要发送Submit按钮的值,以便服务器知道我单击了哪个按钮,因此知道了插入调用. (注意：insert确实是not会创建您调用它的元素的子代.)然后,在禁用提交按钮之后,我需要调用包含提交按钮的表单Submit调用,因为在禁用按钮后IE不会提交.那有意义吗？

解决方法:

您需要完全按照答案说：

“不要在按钮的“ onclick”中禁用按钮,而要保存它,并在表单的onsubmit中进行.”

因此,在greySubmits()中,保留设置隐藏值的行,但删除禁用所有提交按钮的行.

然后在您的在线表单中添加另一个事件处理程序-而不是提交按钮-来禁用该事件处理程序.

 function reallyGreySubmits(e) {
     // This causes IE to not submit at all
     $$("input[type='submit']").each(function(v) {v.disabled = true;})
 }

 Event.observe(window, 'load', function() {
     $$("input[type='submit']").each(function(e) {
        Event.observe(e, 'click', greySubmits);
     });
     $$("form").each(function(e) {
        Event.observe(e, 'submit', reallyGreySubmits);
     });
  });

我使用的另一个选项是不禁用提交,而是在两个元素之间交换可见性.单击时,将提交标记为隐藏,然后使div或其他显示为“已禁用”的元素可见.

标签：javascript,prototypejs
来源： https://codeday.me/bug/20191013/1907173.html