IE8上的jQuery驗證錯誤

Question

我在IE8上收到'對象不支持此方法或屬性'的錯誤。代碼它指的是該行低於：

$('#example-advanced-form').ajaxForm({ 
     target: '.success', 
     success: function() { 
      $('.success').fadeIn('fast'); 
      $("#contact_form").toggle("fast"); 
     } 
}); 

我使用這個的原因是FormData不低於IE10工作。

以下是錯誤的截圖：

以下是完整的腳本...

 <script type="text/javascript">  

     var form = $("#example-advanced-form").show(); 


      $('#role').validate({ // initialize the plugin 
       rules: { 
        role: { 
         required: true, 
        } 
       } 
      }); 

     form.steps({ 
      headerTag: "h3", 
      bodyTag: "fieldset", 
      transitionEffect: "slideLeft", 

      onStepChanging: function (event, currentIndex, newIndex) 
      { 
       // Allways allow previous action even if the current form is not valid! 
       if (currentIndex > newIndex) 
       { 
        return true; 
       } 


       // Needed in some cases if the user went back (clean up) 
       if (currentIndex < newIndex) 
       { 
        // To remove error styles 
        form.find(".body:eq(" + newIndex + ") label.error").remove(); 
        form.find(".body:eq(" + newIndex + ") .error").removeClass("error"); 
       } 
       form.validate().settings.ignore = ":disabled,:hidden"; 
       return form.valid(); 
      }, 

      onStepChanged: function (event, currentIndex, priorIndex) 
      { 
       // 
       if (currentIndex === 2 && $("input:radio[name='workfor']").is(":checked")) 
       { 
        form.steps("next"); 
       } 

      }, 

      onFinishing: function (event, currentIndex) 
      { 
       form.validate().settings.ignore = ":disabled"; 
       return form.valid(); 
      }, 

      onFinished: function (event, currentIndex) 
      { 



       if(navigator.appVersion.indexOf("MSIE 8.")!=-1 || navigator.appVersion.indexOf("MSIE 9.")!=-1) { 

        //alert("old IE!"); 

        // bind 'myForm' and provide a simple callback function 



       $('#example-advanced-form').ajaxForm({ 
        target: '.success', 
        success: function() { 
        $('.success').fadeIn('fast'); 
        $("#contact_form").toggle("fast"); 
        } 
       }); 


       } else { 
       //alert("Not old IE!"); 



       //data to be sent to server   
       var m_data = new FormData();  
       m_data.append('name', $('input[name=name]').val()); 
       m_data.append('number', $('input[name=number]').val()); 
       m_data.append('email', $('input[name=email]').val()); 
       m_data.append('workfor', $('input[name=workfor]:checked').val()); 
       m_data.append('role', $('select[name=role]').val()); 
       m_data.append('cv', $('input[name=cv]')[0].files[0]); 
       m_data.append('coverletter', $('textarea#coverletter').val()); 



       //instead of $.post() we are using $.ajax() 
       //that's because $.ajax() has more options and flexibly. 
       $.ajax({ 
       url: 'contact_me.php', 
       data: m_data, 
       processData: false, 
       contentType: false, 
       type: 'POST', 
       dataType:'json', 
       success: function(response){ 
        //load json data from server and output message  
        if(response.type == 'error'){ //load json data from server and output message  
         output = '<div class="error">'+response.text+'</div>'; 
        }else{ 
         output = '<div class="success">'+response.text+'</div>'; 
         $("#contact_form").toggle("fast"); 
        } 
        $(".form_message").hide().html(output).slideDown(); 
       } 
       }); 

      }//END browser check coniditonal statement 


      } 

     }).validate(); 


     </script> 

Answer 1

$.ajaxForm不是JQuery的標準方法;最有可能的是，引用這個附加的腳本失敗，或者順序錯誤。如果失敗，它可能是腳本文件的名稱或位置錯誤，或者在頁面或該插件中發生錯誤，導致錯誤發生。使用調試工具將有助於確定問題（IE的開發人員工具包，帶有Firebug的firefox，帶有開發工具的Chrome或Firebug）。