AJAX を介して送信するフォームがあります。フォームには多くのフィールドが含まれていますが、私が問題を抱えているのは「emailaddress」と「confirmemailaddress」の 2 つです。これらの 2 つのフィールドが同一である場合にのみフォームを送信できるようにしてください。注意点として、これら 2 つのフォームも必須ではありません。したがって、両方が空白の場合は、問題なく送信できるはずです。
ここに私がこれまでに取り組んでいるコードがあります。フォームをきれいに保つために、フォームの送信中および送信後に発生する多くの視覚効果を削除しました。
$(function() {
$("#contact_form form").submit(function() {
var thistarget = this.target;
$("#contact_form form").validate({
rules: {
emailaddress: "required",
confirmemailaddress: {
equalTo: "#emailaddress"
}
}
});
return false;
$.ajax({
type: this.method,
url: this.action,
data: $(this).serialize(),
success: function() {
alert ("success:");
$('#contact_form').html("<div id='message'></div>");
$('#message').html("<h2>Request Form Submitted!</h2>")
.append("<p>We will be in touch soon.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("Thank you!");
});
}
});
return false;
});
});