我想構建一個聯繫表單錯誤調用者。Jquery重複jquery選擇器
我的jquery代碼剛剛說重複的jQuery Selector closest thing i could find與我一樣的問題。但我試圖執行修復的人給了這個問題,但它沒有奏效。生病顯示我的嘗試。也許有人看到這裏的問題。
這是我的代碼。
<script>
$(document).ready(function() {
$("#submit").click(function (e) {
e.preventDefault();
var $name = $("#name"),
$email = $("#email"),
$phone = $("#phone"),
$address = $("#address"),
$message = $("#message");
var $name_error = $("#name_error"),
$email_error = $("#email_error"),
$telephone_error = $("#telephone_error"),
$message_error = $("#message_error"),
$address_error = $("#address");
var data = {
name: $name.val(),
email: $email.val(),
telephone: $phone.val(),
address: $address.val(),
message: $message.val()
};
$.ajax({
type: "POST",
url: "/api/contact/submit",
data: data,
success: function (data) {
console.log(data);
$('#error_list').empty();
$('#show_error').hide();
if (data.hasOwnProperty('errors')) {
// Show de errors.
$.each(data.errors, function (entry) {
switch (entry) {
case 'email':
$('#error_list').append('<li>' + data.errors.email + '</li>');
$email_error.show();
break;
case 'name':
$('#error_list').append('<li>' + data.errors.name + '</li>');
$name_error.show();
break;
case 'message':
$('#error_list').append('<li>' + data.errors.message + '</li>');
$message_error.show();
break;
case 'message':
$telephone_error.show();
break;
case 'message':
$address_error.show();
break;
}
});
$('#show_error').show();
}
console.log("banaan");
// Reset het form
// Show succcess
$("#contact-form").trigger('reset');
$("#success_message").show();
},
dataType: "json"
});
});
});
</script>
var
標籤給我這個錯誤。它以("#name")
爲例說明它是重複選擇器。但起初我的變數一樣。所以var $name
和var $name_error
是相同的價值:("#name")
現在我改變了一個("#name_error")
和其他地方我呼籲uppon ("#name")
它一直說它的重複。
如果有人可以向我解釋這個錯誤或有一個解決這個問題,我會很高興的文檔說相同。你必須給每個價值一個特定的名稱,我只是這樣做,但仍然說它的錯誤。
地址重複。 –
是的另一個人只是指出了。但還是謝謝 –