Ajax表单在淡出之前需要点击两次提交

Ajax表单在淡出之前需要点击两次提交

问题描述:

所以在我的语法中显然有些问题。验证是可以的。当我点击提交时,表单发送电子邮件给我,然后它删除我的输入值。一切都很好,直到现在。但它不会像应该那样淡出。如果我再次点击提交,则会淡出。谢谢!Ajax表单在淡出之前需要点击两次提交

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#form1').ajaxForm({ 
     beforeSubmit: validate 
    }); 

    function validate(formData, jqForm, options) { 
     var name = $('input[name=name]').fieldValue(); 
     var email = $('input[name=email]').fieldValue(); 
     var message = $('textarea[name=message]').fieldValue(); 

     if (!name[0]) { 
      alert('Please enter a value for name'); 
      return false; 
     } 
     if (!email[0]) { 
      alert('Please enter a value for email'); 
      return false; 
     } 
     if (!message[0]) { 
      alert('Please enter a value for message'); 
      return false; 
     } 

     else { 
      $("#form1").ajaxForm(function() { 
     $("#formplic").fadeOut(1000, function() { 
      $(this).html("<img src='images/postauto3.png'/>").fadeIn(2000); 
     }); 
    }); 
     var message = $('textarea[name=message]').val(''); 
     var name = $('input[name=name]').val(''); 
     var email = $('input[name=email]').val(''); 

      } 
    } 

}); 

好的。我想到了。问题是,除此之外,我再次表示ajax.Form。我删除了该行,并且它工作正常。所以,如果有人犯我同样的错误,请删除$(“#form1”)。ajaxForm(function()。