beforesubmit似乎並沒有執行任何

Question

我試圖讓beforesubmit選項工作，所以我可以驗證窗體提交之前。我肯定錯過了什麼。這運行良好，但它完全忽略了該功能。根據我測試的螢火

$(document).ready(function() { 
      var options = { 
        beforesubmit: function() { 
          var subjectTxtVal = $('input[name=subjectTxt]').fieldValue(); 
          var messageTxtVal = $('input[name=messageTxt]').fieldValue(); 

          if (!subjectTxtVal[0] || !messageTxtVal[0]) { 
           alert('Please enter a value for subject and message'); 
           return false; 
          } 
        }, 
        target: '#results', 
        success: showResponse 
      }; 
      $('#results').dialog({autoOpen: false, modal: true, buttons: { 
          Ok: function() { 
            $(this).dialog("close"); 
          } 
        }}); 
      $('#resemail').submit(function() { 
        $(this).ajaxSubmit(options); 
        $('#results').dialog('open'); 
        return false; 
      }); 

    }); 

我看不出它是有史以來實際調用該函數。我查看了文檔和示例，但它有點令人困惑。有任何想法嗎？

謝謝。

Answer 1

爲什麼不在提交之前自己驗證它，而不是依賴插件？

$(document).ready(function() { 
      var options = { 
        target: '#results', 
        success: showResponse 
      }; 
      $('#results').dialog({autoOpen: false, modal: true, buttons: { 
          Ok: function() { 
            $(this).dialog("close"); 
          } 
        }}); 
      $('#resemail').submit(function() { 
        if(validate_fields()) 
        { 
         $(this).ajaxSubmit(options); 
        } 
        else 
         return false;              
      }); 

}); 

function validate_fields() 
{ 
    var subjectTxtVal = $('input[name=subjectTxt]').fieldValue(); 
    var messageTxtVal = $('input[name=messageTxt]').fieldValue(); 

    if (!subjectTxtVal[0] || !messageTxtVal[0]) { 
     alert('Please enter a value for subject and message'); 
     return false; 
    } 
    return true; 
}