與驗證引擎AJAX接觸形式 - jQuery的

Question

我試圖通過AJAX進行的接觸形式jQuery和驗證引擎插件在http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

驗證工作，之前發送功能工作太...但

問題是它不能發送表單，並且它不能從OnAjaxFormComplete回調它將使用jQuery「隱藏」表單。它用於開發。

轉到http://bksn.mx/TAC/2/點擊「Contacto」大標題，它出現一個聯繫表格，試試吧。

我的形式HTML：

<form id="formID" method="post" action="submit.php"> 
<div class="ajax"> 
     <div class="idealWrap"> 
      <label for="nombre">nombre:</label> 
      <input value="" class="validate[required] text-input" type="text" name="nombre" id="nombre"/> 
     </div> 

     <div class="idealWrap"> 
      <label for="email">email:</label> 
      <input value="" class="validate[required,custom[email]]" type="text" name="email" id="email"/> 
     </div> 

     <div class="idealWrap"> 
      <label for="tel">teléfono:</label> 
      <input value="" class="validate[custom[phone]] text-input" type="text" name="tel" id="tel" /> 
     </div> 



     <div class="idealWrap"> 
      <label for="mensaje">mensaje:</label> 
      <textarea value="" class="validate[required] text-input" name="message" id="message" ></textarea> 
     </div>  

     <div class="idealWrap"> 
      <label>&nbsp;</label> 
      <input type="submit" id="submit" value=""/> 
     </div> 
</div> 
    </form> 

有我的腳本：

function beforeCall(form, options) { 
    if (window.console) 
     alert("Right before the AJAX form validation call"); 
    return true; 
} 

// Called once the server replies to the ajax form validation request 

function ajaxValidationCallback(status, form, json, options) { 
    if (window.console) 
     console.log(status); 

    if (status === true) { 
     $('#formID').hide(); 
     // uncomment these lines to submit the form to form.action 
     // form.validationEngine('detach'); 
     // form.submit(); 
     // or you may use AJAX again to submit the data 
    } 
} 

jQuery(document).ready(function() { 
    jQuery("#formID").validationEngine({ 
     promptPosition: 'centerRight', 
     scroll: false, 
     ajaxFormValidation: true, 
     onBeforeAjaxFormValidation: beforeCall, 
     onAjaxFormComplete: ajaxValidationCallback, 
    }); 
}); 

和我的PHP腳本：

<?php 
$aviso = ""; 
if ($_POST['email'] != "") { 
    // email de destino 
    $email = "vagnok@gmail"; 

    // asunto del email 
    $subject = "Contacto"; 

    // Cuerpo del mensaje 
    $mensaje = "---------------------------------- \n"; 
    $mensaje.= "   Contacto    \n"; 
    $mensaje.= "---------------------------------- \n"; 
    $mensaje.= "NOMBRE: ".$_POST['nombre']."\n"; 
    $mensaje.= "EMAIL: ".$_POST['email']."\n"; 
    $mensaje.= "TELEFONO: ".$_POST['tel']."\n"; 
    $mensaje.= "FECHA: ".date("d/m/Y")."\n"; 
    $mensaje.= "HORA:  ".date("h:i:s a")."\n"; 
    $mensaje.= "IP:  ".$_SERVER['REMOTE_ADDR']."\n\n"; 
    $mensaje.= "---------------------------------- \n\n"; 
    $mensaje.= $_POST['mensaje']."\n\n"; 
    $mensaje.= "---------------------------------- \n"; 
    $mensaje.= "Enviado desde TAC \n"; 

    // headers del email 
    $headers = "From: ".$_POST['email']."\r\n"; 

    // Enviamos el mensaje 
    if (mail($email, $subject, $mensaje, $headers)) { 
     $aviso = "Su mensaje fue enviado."; 
    } else { 
     $aviso = "Error de envío."; 
    } 
} 
?> 

任何人都可以幫我嗎？

在此先感謝！

Answer 1

你讀過並嘗試過github上的FAQ：https://github.com/posabsolute/jQuery-Validation-Engine？還有就是它說的一部分：

當使用選項，默認行爲是隻初始化 ValidationEngine，所以附件需要手動完成。

<script> 
$(document).ready(function(){ 
$("#formID").validationEngine('attach', {promptPosition : "centerRight", scroll: false}); 
}); 
</script> 

在你上面貼的代碼沒有提供任何行動參數。如果您使用validationEngine的任何選項，則必須使用「attach」作爲第一個參數，以啓用該插件！

您的代碼應該是這樣的：

jQuery(document).ready(function() { 
    jQuery("#formID").validationEngine('attach', { 
     promptPosition: 'centerRight', 
     scroll: false, 
     ajaxFormValidation: true, 
     onBeforeAjaxFormValidation: beforeCall, 
     onAjaxFormComplete: ajaxValidationCallback, 
    }); 
});