如何驗證多種形式並使用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
        }
    });
});

演示版