Проверить электронную почту с помощью jQuery

Question

У меня есть input name="email" и button на странице.

Как мне проверить этот ввод в реальном времени на действительный адрес электронной почты? И добавьте некоторый класс для кнопки, класс «активный», если он действителен или «неактивен».

Это небольшая задача, поэтому я не хочу использовать плагины.

Спасибо

Answer 1

Я обычно использую эту функцию JavaScript для проверки во внешнем интерфейсе:

function validateEmail(email) 
{ 
 var 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 email.match(re) 
}

возвращает значение true или false. Но в любом случае, вы должны проверять не только конфиденциальные данные во внешнем интерфейсе, но и на стороне сервера.

Answer 2

$('#email').bind('keyup', function(){
    if(this.value.test([REGULAR_EXPRESSION])
        //doStuff -- add active class
    else
        //doOtherStuff -- add inactive class
});

замените [REGULAR_EXPRESSION] одним из регулярных выражений, найденных здесь: http://www.regular -expressions.info / email.html

Answer 3

я использовал это для проверки почты Почтовый код JavaScript

    function ValidateEmail(inputText)
    {
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if(inputText.value.match(mailformat))
    {
    document.form1.text1.focus();
    return true;
    }
    else
    {
    alert("You have entered an invalid email address!");
    document.form1.text1.focus();
    return false;
    }
  }