電子郵件驗證 | 查詢

Question

我正在嘗試為我的表單創建電子郵件驗證，但我迷路了。

JS：

$(function () {

'use strict';
        // error variables
        var UserError  = true,
            EmailError = true,
            SubError   = true,
            MsgError   = true,
            emailReg = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/,
            email = $(".email").val();


$(".email").blur(function() {

    if($(this).val() === ''){

        $(this).css('border','1px solid #dc2817');
        $(this).parent().find('.custom-alert').fadeIn(300).end().find('.asterix').fadeOut(300).end().find('span.cross').fadeIn(300).end().find('span.verify').fadeOut(300);

        EmailError = true;

        alert("1.");

    } 

    else if(emailReg.test(email)){

       $(this).css('border','1px solid #080');
       $(this).parent().find('.custom-alert').fadeOut(300).end().find('.asterix').fadeOut(300).end().find('span.verify').fadeIn(300).end().find('span.cross').fadeOut(300);

       EmailError = false;

       alert("2");

    }

    else{

        $(this).css('border','1px solid #dc2817');
        $(this).parent().find('.custom-alert').fadeIn(300).end().find('.asterix').fadeOut(300).end().find('span.cross').fadeIn(300).end().find('span.verify').fadeOut(300);

        EmailError = true;

        alert("3");
    }
});


 $('.contact-form').submit(function(event) {

     if(EmailError === true){

         event.preventDefault(); // prevent sending 
         $('.email').blur();
     }


});

有了這個，我只能得到警報 1（沒有價值）或警報 3（有價值）。 如果我嘗試輸入電子郵件，仍然會收到警報 3，這應該給我警報 2。

如果我嘗試 !emailReg.test(email)，我會收到警報 2。

請賜教！

先感謝您。

BR

Answer 1

將我的電子郵件變量移動到功能中，為我解決問題，

  $(".email").blur(function() {

    var email = $(".email").val();

    if($(this).val() === ''){

        $(this).css('border','1px solid #dc2817');
        $(this).parent().find('.custom-alert').fadeIn(300).end().find('.asterix').fadeOut(300).end().find('span.cross').fadeIn(300).end().find('span.verify').fadeOut(300);

        EmailError = true;


    } 

    else if(emailReg.test(email)){

       $(this).css('border','1px solid #080');
       $(this).parent().find('.custom-alert').fadeOut(300).end().find('.asterix').fadeOut(300).end().find('span.verify').fadeIn(300).end().find('span.cross').fadeOut(300);

       EmailError = false;


    }

    else{

        $(this).css('border','1px solid #dc2817');
        $(this).parent().find('.custom-alert').fadeIn(300).end().find('.asterix').fadeOut(300).end().find('span.cross').fadeIn(300).end().find('span.verify').fadeOut(300);

        EmailError = true;


    }
});