0

電子メールフォームを検証する関数を構築しています。これは、今後のプロジェクトで使用できます。フォームのすべての入力が空の場合、背景に赤を追加する方法を見つける必要があります。これまでのところ:

$(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 プロパティを割り当てることです。

4

0 に答える 0