表格未使用Position Absolute的validationEngine插件提交

问题描述

|| 我正在使用validateEngine jQuery插件来验证我的Web表单。验证完成后，我想通过ajax提交表单。表单提交很好，无需附加验证引擎插件。验证有效，但是ajax在完成后不会触发提交表单。我究竟做错了什么：

jQuery(\"form#sign-up\").validationEngine({
    onValidationComplete: function () {
        var first = $(\"input#first\").val();
        var last = $(\"input#last\").val();
        var email = $(\"input#email\").val();
        var pass = $(\"input#pass\").val();



        var dataString = \'first=\' + first + \'&last=\' + last + \'&email=\' + email + \'&pass=\' + pass;

        //to send the ajax request  
        $.ajax({
            type: \"POST\",url: \"./register.php\",data: dataString,success: function () {
                $(\'#sign-up\').html(\"<div id=\'message\'></div>\");
                $(\'#message\').html(\"<h2>Thanks!</h2>\")
                    .append(\"<p>We\'ll send you an email when infoFree is ready to Rock n\' Roll.</p>\")
                    .hide()
                    .fadeIn(500,function () {
                    $(\'#message\').append(\"<img id=\'checkmark\' src=\'./assets/images/check.png\' />\");
                });
            }
        });
    }
});

    

解决方法

验证引擎会阻止表单实际提交，因此，无需在onValidationComplete内做任何事情，只需将其全部提交到提交表单的函数中即可：

$(document).ready(function() {
  $(\"form#sign-up\").validationEngine();
  $(\"form#sign-up\").submit(function(){
    var first = $(\"input#first\").val();
    var last = $(\"input#last\").val();
    var email = $(\"input#email\").val();
    var pass = $(\"input#pass\").val();

    var dataString = \'first=\'+ first + \'&last=\' + last + \'&email=\' + email + \'&pass=\' + pass;

    //to send the ajax request  
    $.ajax({
      type: \"POST\",url: \"./register.php\",data: dataString,success: function() {
        $(\'#sign-up\').html(\"<div id=\'message\'></div>\");
        $(\'#message\').html(\"<h2>Thanks!</h2>\")
        .append(\"<p>We\'ll send you an email when infoFree is ready to Rock n\' Roll.</p>\")
        .hide()
        .fadeIn(500,function() {
          $(\'#message\').append(\"<img id=\'checkmark\' src=\'./assets/images/check.png\' />\");
        });
      } 
    });
  });
}); // ready

〜Cyrix