我正在根據客戶需求從模板中調整頁面。在頁面中有兩個聯繫表單,通過AJAX驗證併發布到PHP文件。一個是開箱即用的,另一個我已經擴展到包含更多的字段,並且試圖獲得關聯的jQuery函數工作失敗。jQuery AJAX表格的問題
該功能禁用HTML的「發佈」的本地功能,但實際上並不導致AJAX請求(查看控制檯)。
我不想重寫這個函數的整個混亂。如果我寫這個東西,我會重寫這個功能。
$(document).ready(function() {
$("#subscribe").submit(function() {
$("#subscribe .error").remove();
var s = !1;
if ($(".requiredField").each(function() {
if ("" == jQuery.trim($(this).val())) {
{
$(this).prev("label").text()
}
$(this).parent().append('<span class="error">This field is required</span>'), $(this).addClass("inputError"), s = !0
} else if ($(this).hasClass("email")) {
var r = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/;
if (!r.test(jQuery.trim($(this).val()))) {
{
$(this).prev("label").text()
}
$(this).parent().append('<span class="error">Invalid email address</span>'), $(this).addClass("inputError"), s = !0
}
}
}), !s) {
$("#subscribe input.submit").fadeOut("normal", function() {
$(this).parent().append("")
});
var r = $(this).serialize();
$.post($(this).attr("action"), r, function() {
$("#subscribe").slideUp("fast", function() {
$(this).before('<div class="success">Your email was sent successfully.</div>')
})
})
}
return !1
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="contact.php" id="subscribe" method="post" name="send">
<span class="input input--kuro">
<input class="subscriberequiredField input__field input__field--kuro" id="name" name="name" type="text">
<label class="input__label input__label--kuro" for="subscribeemail">
<span class="mail input__label-content input__label-content--kuro">Name</span>
</label>
</span>
<span class="input input--kuro">
<input class="subscriberequiredField input__field input__field--kuro" id="company" name="company" type="text">
<label class="input__label input__label--kuro" for="subscribeemail">
<span class="mail input__label-content input__label-content--kuro">Company</span>
</label>
</span>
<span class="input input--kuro">
<input class="subscriberequiredField subscribeemail input__field input__field--kuro" id="email" name="email" type="text">
<label class="input__label input__label--kuro" for="subscribeemail">
<span class="mail input__label-content input__label-content--kuro">Email</span>
</label>
</span>
<span class="input input--kuro">
<input class="subscriberequiredField input__field input__field--kuro" id="idea" name="idea" type="text">
<label class="input__label input__label--kuro" for="subscribeemail">
<span class="mail input__label-content input__label-content--kuro">The game-changing idea</span>
</label>
</span>
<span>
<button class="submit-button" id="submit" type="submit">Subscribe</button>
</span>
</form>
這麼長的問題。 –
'return!1' ...? –
您是否觀看過瀏覽器開發人員工具中的AJAX請求/響應?是否有任何錯誤報告? –