Internet Explorer输入字段不会工作后状态更改禁用 - >启用

我实际上试图解决某种annoing IE BUG。Internet Explorer输入字段不会工作后状态更改禁用 - >启用

我创建了一个带有policys和提交按钮的复选框的html表单。只要策略复选框未被“检查”，提交按钮就被禁用。所有这一切，我用jQuery完成。

奇怪的是，它在铬，ff和safari中都很好用，但在IE浏览器失去“禁用”状态后，它停止工作。它仍然显示为链接，但是当我点击它时，没有任何反应。

这里是我的脚本，我使用禁用和启用按钮：

/* Webform/Newsletter Checkbox + Mailfield validation */ 

var mailCheckbox = $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-selection div').size(); 
var copyCheckbox = $('.webform-client-form input#edit-submitted-email-abmeldung-1, .webform-client-form #webform-component-datenschutzbestimmungen input#edit-submitted-datenschutzbestimmungen-1').size(); 


if(mailCheckbox > 1) { 
     var submitButton = $('.webform-client-form #edit-actions').html(); 
      $('.webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Bestellen" name="op" id="edit-submit">') 
      $('body').mousemove(function() { 
     if ($('#edit-submitted-e-mail-newsletter-selection .form-checkbox').is(':checked') && $('#webform-component-email-abmeldung .form-checkbox').is(':checked') && $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-email-address').val() != "") { 
      $('.node-webform .webform-client-form #edit-actions').html('<input type="submit" class="form-submit" name="op" value="Absenden" id="edit-submit">') 
      $('.node-newsletter-anmeldung .webform-client-form #edit-actions').html('<input type="submit" class="form-submit" name="op" value="Bestellen" id="edit-submit">') 
     } 
     else { 
      $('.node-webform .webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Absenden" name="op" id="edit-submit">') 
      $('.node-newsletter-anmeldung .webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Bestellen" name="op" id="edit-submit">')    
     } 
     }); 
} 
else { 
     var submitButton = $('.webform-client-form #edit-actions').html(); 
      $('.webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Bestellen" name="op" id="edit-submit">') 
      $('body').mousemove(function() { 
     if ($('#webform-component-email-abmeldung .form-checkbox, #webform-component-datenschutzbestimmungen .form-checkbox').is(':checked') && $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-email-address, #webform-component-webform-kontakt-email #edit-submitted-webform-kontakt-email').val() != "") { 
      $('.node-webform .webform-client-form #edit-actions').html('<input type="submit" class="form-submit" name="op" value="Absenden" id="edit-submit">') 
      $('.node-newsletter-anmeldung .webform-client-form #edit-actions').html('<input type="submit" class="form-submit" name="op" value="Bestellen" id="edit-submit">') 
     } 
     else { 
      $('.node-webform .webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Absenden" name="op" id="edit-submit">') 
      $('.node-newsletter-anmeldung .webform-client-form #edit-actions').html('<input disabled type="submit" class="form-submit-disabled" value="Bestellen" name="op" id="edit-submit">') 
     } 
     }); 
} 

$('body.node-type-newsletter-anmeldung #edit-submit').attr('value', 'Bestellen'); 
$('body.node-webform #edit-submit').attr('value', 'Absenden');

不知道如何解决这个？

来源

2013-02-22 Basti

尽量保持'警报（“你好”）'一步一步在代码跟踪错误。（老，但作品） – 2013-02-22 10:53:20

我把它通过自己的工作，其他任何人在这个问题上运行，这是我如何解决它：

/* Webform/Newsletter Checkbox + Mailfield validation */ 

    var mailCheckbox = $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-selection div').size(); 
    var copyCheckbox = $('.webform-client-form input#edit-submitted-email-abmeldung-1, .webform-client-form #webform-component-datenschutzbestimmungen input#edit-submitted-datenschutzbestimmungen-1').size(); 

    $('.webform-client-form #edit-actions input').addClass('button_active'); 
    $('.webform-client-form #edit-actions').append('<div class="button_inactive"><input disabled type="submit" class="form-submit-disabled" value="Bestellen" name="op" id="edit-submit"></div>') 

    if(mailCheckbox > 1) { 
      var submitButton = $('.webform-client-form #edit-actions').html(); 
       $('.webform-client-form #edit-actions .button_active').css('display','none'); 
       $('body').mousemove(function() { 
      if ($('#edit-submitted-e-mail-newsletter-selection .form-checkbox').is(':checked') && $('#webform-component-email-abmeldung .form-checkbox').is(':checked') && $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-email-address').val() != "") { 
       $('.node-webform .webform-client-form #edit-actions .button_active').css('display', 'block') 
       $('.node-webform .webform-client-form #edit-actions .button_inactive').css('display', 'none') 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_active').css('display', 'block') 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_inactive').css('display', 'none') 
      } 
      else { 
       $('.node-webform .webform-client-form #edit-actions .button_active').css('display','none'); 
       $('.node-webform .webform-client-form #edit-actions .button_inactive').css('display','block'); 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_active').css('display','none'); 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_inactive').css('display','block'); 
      } 
      }); 
    } 
    else { 
      var submitButton = $('.webform-client-form #edit-actions').html(); 
       $('.webform-client-form #edit-actions .button_active').css('display','none'); 
       $('body').mousemove(function() { 
      if ($('#webform-component-email-abmeldung .form-checkbox, #webform-component-datenschutzbestimmungen .form-checkbox').is(':checked') && $('#webform-component-e-mail #edit-submitted-e-mail-newsletter-email-address, #webform-component-webform-kontakt-email #edit-submitted-webform-kontakt-email').val() != "") { 
       $('.node-webform .webform-client-form #edit-actions .button_active').css('display', 'block') 
       $('.node-webform .webform-client-form #edit-actions .button_inactive').css('display', 'none') 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_active').css('display', 'block') 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_inactive').css('display', 'none') 
      } 
      else { 
       $('.node-webform .webform-client-form #edit-actions .button_active').css('display','none'); 
       $('.node-webform .webform-client-form #edit-actions .button_inactive').css('display','block'); 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_active').css('display','none'); 
       $('.node-newsletter-anmeldung .webform-client-form #edit-actions .button_inactive').css('display','block'); 
      } 
      }); 
    }

来源

2013-02-22 16:07:39 Basti

Internet Explorer输入字段不会工作后状态更改禁用 - >启用

回答

相关问题