jQuery表单提交,通过表单验证,在提交之前发送电子邮件

时间:2012-05-19 01:30:30

标签: jquery jquery-validate jquery-forms-plugin

想知道是否有人可以帮助我解决我遇到的这个小问题。 我正在使用带有jQuery的2个插件。

  1. http://jquery.malsup.com
  2. http://bassistance.de/jquery-plugins/jquery-plugin-validation/
  3. 我想要做的是找出有人提交我的表格,给我发电子邮件(或数据库条目),看看他们是否进入下一步。

    这是我到目前为止的代码,由于某种原因,我无法让beforeSubmit正常工作,而且它只是对我所拥有的内容的简单误用。

    非常感谢任何帮助。

    我的代码:

    $(".validate2").validate({
            beforeSubmit: function() {
                    $('input[type=submit]').attr("disabled", true);
                    $(".formResponse").show();
                    $(".formResponse").append("<img src='../images/icons/ajax-loader.gif' />");
    
                    $.ajax({
                        url: "../classes/class.jQueryCallbacks.php?a=notifySignUpButton",
                        data: { 'name': $(".firstName").val() }
                    });
    
            },
            submitHandler: function(form) 
            {
                form.submit();
            }
        });
    

1 个答案:

答案 0 :(得分:1)

$(document).ready(function () {
            $("#formId").submit(function () {
                if ($(this).valid()) {
                    $('input[type=submit]').attr("disabled", true);
                    $(".formResponse").show();
                    $(".formResponse").append("<img src='../images/icons/ajax-loader.gif' />");

                    $.ajax({
                        url: "../classes/class.jQueryCallbacks.php?a=notifySignUpButton",
                        data: { 'name': $(".firstName").val() }
                    });

                    return true;
                }
                else {
                    return false;
                }
            });
        });