電子メールフォームを検証する関数を構築しています。これは、今後のプロジェクトで使用できます。フォームのすべての入力が空の場合、背景に赤を追加する方法を見つける必要があります。これまでのところ:
$(document).ready(function() {
$('label').click(function() {
var hasError = false,
emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/,
form = $('form'),
radio_check = $('.tick .test'),
input = $('input:not(.submit)'),
emailaddressVal = $("#email").val(),
email = $('#email');
if(email.val() === ''){
email.css('background-color', 'red');
}
else if(!emailReg.test(emailaddressVal)) {
email.css('background-color', '#faa');
hasError = true;
}
if(hasError == true) { return false; }
});
});
これまでのところ、電子メールの入力が空であるかどうか、および電子メールの形式が間違っているかどうかのみを確認しています。ただし、最初にやりたいことは、空の入力フィールドがあるかどうかを確認し、ある場合は css プロパティを割り当てることです。