在Magento中通过验证单击一次后禁用“提交”按钮

Question

我需要在验证提交后禁用或在表单上放置加载图片。这两个都适合我。单击一次后，我发现了许多禁用提交按钮的方法，但这并未考虑验证错误。

我试图用很多不同的方式来看待这个问题，但我似乎找不到有用的东西。

我正在使用Magento在我当前表单上使用的默认原型。

这就是我目前所拥有的：

var contactForm = new VarienForm('productcontactForm', true);

contactForm.submit = function(){
    if (this.validator.validate()) {
      $('#productcontactForm').submit(function(){
       $('input[type=submit]', this).attr('enabled', 'enabled');
      });
    } else { 
      $('#productcontactForm').submit(function(){
        $('input[type=submit]', this).attr('disabled', 'disabled');
      });
    }
}.bind(contactForm);

Answer 1

对不起，我没有运行Magento，但我确实看到了问题。在html，javascript或jquery中没有'enabled'属性。要启用输入，请执行以下操作：

<..selector..>.removeAttr('disabled');

因此，要禁用输入，请添加“已禁用”属性并再次启用该属性，即可删除该属性。