私は約1年間、このような検証をいじっています。
$(document).ready(function(){
$('#contact-form').submit(function(){
var name = $('#inputnimi').val(),
email = $('#inputemail').val(),
message = $('#inputmessage').val();
var nameerror = "<h4>Puuttuva kenttä</h4>",
emailerror = "<h4>Puuttuva kenttä</h4>",
messageerror= "<h4>Puuttuva kenttä</h4>";
if(name == ""){
$('.message-console').html(nameerror);
return false;
}
if(email == ""){
$('.message-console').html(emailerror);
return false;
}
if(message == ""){
$('.message-console').html(messageerror);
return false;
}
$.ajax({
type: "POST",
url: "contact.php",
data: form-data,
dataType: "text",
error: function(){alert("ERROR");
},
success: function() {
alert("success");
}
});
return false;
});
});
しかし、私はこれが好きではありません:
- エラーを1つずつチェックしますが、長いフォームでは煩わしいです
- 私はそれを行うためのより良い方法があることを知っています
そして、ワンクリックですべてのフィールドを検証する方法を考えていました。私が考えることができたのは、このようなものだけで、明らかに機能することはありません。
if(name||email||message == ""){
$('.message-console').html(errors);
return false;
}
そのため、プラグインを使用せずにフォームを検証し、エラーがある場合はすべてのエラーを一度に表示したいと思います。しかし、どのように?