javascript - 如何验证多个表单并使用 ajax 发送电子邮件？

Question

到目前为止小提琴

我对 jquery 很陌生，对 jquery 验证插件更是如此。我的问题是如何分别/唯一地验证多个表单（用户可以动态添加它们）？我已经在表格中添加了不同的名称，如果有帮助吗？

我的第二个问题是如何$ajax();发送电子邮件而无需刷新页面。

我希望对解决方案进行详细解释，以便我能更好地理解。谢谢！

Answer 1

您必须include script of validation plugin或使用cdn阅读http://jqueryvalidation.org/

$("form").each(function() {
    $(this).validate({
        submitHandler: function(form) {
            $.ajax({
                type    : 'POST',
                url     : 'mail.php',// write code to send mail in mail.php
                data    : $(form).serialize(),
                cache   : false,
                dataType: 'text',
                success : function (serverResponse) { 
                      alert('mail sent successfully.'); 
                },
                error   : function (jqXHR, textStatus, errorThrown) {
                      alert('error sending mail');
                }
            });
            return false; // Temporary
        }
    });
});

演示