JQuery-如何用所有这些if发出一个警报，并验证邮件的良好格式

Question

我想知道如何处理所有"如果"；为我的alert((制作单个的条件。。。以及如何将电子邮件配置为具有正确的格式？

$('#submit').click(function () {
if ($('#email').val() == '') {
$('#email').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
}
/*else if ($('#email').val()!='/^([a-zA-Z0-9_.-+])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;'){
$('#email').css('border','2px solid red');
alert('Courriel invalide') 
}*/
else {
$('#email').css('border', '2px solid green')
}
if ($('#nom').val() == '') {
$('#nom').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
}
else {
$('#nom').css('border', '2px solid green')
}
if ($('#subject').val() == '') {
$('#subject').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
}
else {
$('#subject').css('border', '2px solid green');
}
if ($('#message').val() == '') {
$('#message').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
}
else {
$('#message').css('border', '2px solid green');
}

})

Answer 1

我想是这样的(我假设每个字段都有不同的错误消息(：

$('#submit').click(function() {
let re = /^w+([-+.'][^s]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;
if ($.trim($('#email').val()) === '') {
$('#email').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
} else if (!re.test($('#email').val())) {
$('#email').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
} else if ($.trim($('#nom').val()) === '') {
$('#nom').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
} else if ($.trim($('#subject').val()) === '') {
$('#subject').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
} else if ($.trim($('#message').val()) === '') {
$('#message').css('border', '2px solid red');
alert('Veuillez remplir tout les champs')
} else {
$('#message').css('border', '2px solid green');
}
})

注意，这只检查字段是否为空，而不是检查每个字段至少有最少的字符数，希望这有助于