Php 如何在验证代码成功的过程中添加ajax代码

如何在验证代码成功的过程中添加ajax代码

<script type="text/javascript">
        $(document).ready(function () {

            $("#footer-request-form").validate({
                errorClass: 'has-error',
                success: "valid",

                errorPlacement: function (error, element) {
                    if(error.html()) error.appendTo(element.parent("div.form-group").addClass('has-error'));
                },

                unhighlight: function (element, errorClass, validClass) {
                    $(element).parents("div.form-group").removeClass('has-error');
                },
                success:function (label, element) {
                    $(element).removeClass("has-error");
                    $(element).parent().find('label.has-error').remove();
                },
                rules: {
                    name: {required: true},
                    phone: {phoneUS: true, required: true},
                    email: {required: true, email: true}
                },
                messages: {
                    phone: "Please enter a valid  phone number",
                    name: "Name is required!",
                    email: "Please enter a valid email address",
                }

            });
        });


    </script>

---

在

jQuery

$('#form').validate({

... your validation rules come here,

submitHandler: function(form) {
    jQuery.ajax({
        url: "contact_mail.php",
        data:'userName='+$("#name").val()+'&userEmail='+$("#email").val(),
        type: "POST",
        success:function(data){
        $("#mail-status").html(data);
        },
        error:function (){}
        });
}
});

---

在

jQuery

$('#form').validate({

... your validation rules come here,

submitHandler: function(form) {
    jQuery.ajax({
        url: "contact_mail.php",
        data:'userName='+$("#name").val()+'&userEmail='+$("#email").val(),
        type: "POST",
        success:function(data){
        $("#mail-status").html(data);
        },
        error:function (){}
        });
}
});

---

您可以创建新函数并在

success

上调用它。比如contactMail（）；用这种方法使用ajax函数，您可以创建新函数并在

success

上调用它。比如contactMail（）；并在这个方法中加入了我们的ajax函数