Mit jquery validieren Sie errorPlacement, um eine Fehlermeldung in einem bestimmten Div zu erhalten
Posted: 16 Jan 2025, 06:48
Ich versuche, die Funktion „errorPlacement“ von jQuery Validate zu verwenden, um eine Fehlermeldung zu platzieren, komme aber nicht dahinter. Immer wenn ich auf „Senden“ klicke, wird die Eingabe nach unten verschoben, anstatt dass der Fehler im NewsletterValidate div platziert wird.
Sieht jemand, was ich in meiner Fehlerplatzierung falsch mache? Code?
Sieht jemand, was ich in meiner Fehlerplatzierung falsch mache? Code?
Code: Select all
$('#newsletterForm').validate({
//errorClass: 'invalid',
errorPlacement: function(error, element) {
//element.val(error[0].outerText);
//error.appendTo(element.next('div'));
error.appendTo(element.parent('div').next('div').find('#newsletterValidate'));
},
rules: {
email: {
required: true,
email: true
}
},
messages: {
email: {
required: "Please enter your email address",
email: "Please enter a valid email address"
}
},
submitHandler: function(form) {
event.preventDefault();
var datastring = $('#newsletterForm').serialize();
$.ajax({
url: 'http://localhost:8080/php/newsletterSend.php',
type: 'POST',
data: datastring
,
success: function(data) {
console.log(data);
if (data == 'Error!') {
alert('Unable to submit form!');
alert(data);
} else {
$('#newsletterInput')[0].reset();
$('#newsletterSuccess').show();
}
},
error: function(xhr, textStatus, errorThrown) {
alert(textStatus + '|' + errorThrown);
console.log('error');
}
});
}
});Code: Select all
#newsletterInput {
width: 70%;
border: none;
padding: 15px 10px;
outline: none;
font-size: 1.1rem;
font-family: 'Nunito', sans-serif;
display: inline-block;
background: pink;
}
#newsletterSubmit {
width: 25%;
display: inline-block;
border: none;
font-size: 1.1rem;
font-family: 'Nunito', sans-serif;
padding: 15px 10px;
cursor: pointer;
}Code: Select all