MISE EN FORME FORMULAIRE DE CONTACT
Posté : 13 août 2023, 16:50
Bonjour, j'ai un soucis de mise en forme en jQuery. j'ai une bordure en rouge tant que le champ n'est pas correcte avec une réponse négative sinon bordure verte.
Mais quand je remets un caractère non autorisé dans le champ en question,
le texte négatif revient mais la bordure reste verte.
Voici mon code :
Merci pour votre aide & bonne fin de journée.
Mais quand je remets un caractère non autorisé dans le champ en question,
le texte négatif revient mais la bordure reste verte.
Voici mon code :
Code : Tout sélectionner
$(document).ready(function() {
$('#submit').click(function(event) {
event.preventDefault();
let result = true;
if($('#username').val() == '') {
$('#username').addClass('bred');
$('#username_error').text('Veuillez remplir votre nom !').addClass('error_text');
result = false;
}
else if(!$('#username').val().match(/^[a-z|\s]{2,25}$/)) {
$('#username').addClass('bred');
$('#username_error').text('Les lettres minuscules et un maximum de 25 caractères sont seulement autorisées !')
.addClass('error_text');
result = false;
}
else {
$('#username').addClass('bgreen');
$('#username_error').text('');
}
if(!$('#usermail').val().match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]{2,3}$/)) {
$('#usermail').addClass('bred');
$('#usermail_error').text('Merci d\'entrer une adresse email valide !').addClass('error_text');
result = false;
}
else {
$('#usermail').addClass('bgreen');
$('#usermail_error').text('');
}
if($('#title_message').val() == '') {
$('#title_message').addClass('bred');
$('#title_message_error').text('Veuillez remplir le sujet de votre message !').addClass('error_text');
result = false;
}
else if(!$('#title_message').val().match(/^[a-zA-Z0-9|\s]{1,50}$/)) {
$('#title_message').addClass('bred');
$('#title_message_error').text('a-zA-Z0-9 sont autorisées et un maximum de 50 caractères sont seulement autorisées !').addClass('error_text');
result = false;
}
else {
$('#title_message').addClass('bgreen');
$('#title_message_error').text('');
}
if($('#message').val() == '') {
$('#message').addClass('bred');
$('#message_error').text('Veuillez remplir votre message !').addClass('error_text');
result = false;
}
else if(!$('#message').val().match(/^[a-zA-Z0-9|\s]{1,500}$/)) {
$('#message').addClass('bred');
$('#message_error').text('a-zA-Z0-9 sont autorisées et un maximum de 500 caractères sont seulement autorisées !').addClass('error_text');
result = false;
}
else {
$('#message').addClass('bgreen');
$('#message_error').text('');
}
return result;
});
});