Как сделать чтоб при введении email загорелась иконка???

Question

[Waist0fer]

Вы знаете как сделать чтоб при введения емаил в строку input если правильно ввёл то загорелась инконка в в виде галочки а если не правильно ввёл то крестик

Comments

[Алексей Ярков]

Какие критерии правильности?

[Waist0fer]

Мне просто нужно чтоб если при правильном введении email загорелась иконка галочки, а если не правильно ввёл то загорелась инконка крестика.

Answer 1

[Игорь]

Проверяет при вводе, на лету

$(document).ready(function () {

    function validateEmail(email) {
        const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test(String(email).toLowerCase());
    }

    $(document).on('keyup', 'input[type=email]', function(){

        const value = $(this).val();

        if(!validateEmail(value)){
            //некорректный email, показать крестик
        }else{
            //некорректный email, показать галочку
        }
    })

});

Comments

[Waist0fer]

Спасибо :D

[Waist0fer]

Это же JS?

[Игорь]

Waist0fer, конечно, jQuery только не забудь подключить до этого