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; 
}