Проверка идентификатора электронной почты с помощью jquery

Question

Я пытаюсь проверить электронную почту с помощью jquery. При нажатии на недействительный специальный символ, который не будет использоваться в сообщении электронной почты, чтобы оно отображалось неверным идентификатором электронной почты. Если он действителен
он может быть отправлен для заполнения других деталей.

Вот код.

$("#emailid").bind("keypress", function (event) { 
    if (event.charCode != 0) { 
     var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
     var key = String.fromCharCode(!event.charCode ? event.which : event.charCode); 
     if (!filter.test(emailid)) { 
      alert('Please enter a valid email address'); 
      event.preventDefault(); 
      return false; 
     } 
    } 
    }); 

HTML:

<div> 
<label>Email Id </label> 
<input type="text" name="emailid" id="emailid" style="width: 300px;border:solid 1px #0096ce;"/> 
</div> 

В этом коде, если ввести буквы или символы он отображает сообщение об ошибке. Скажите, пожалуйста, что не так с кодом

Answer 1

Alternative, что я использовал, чтобы проверить электронную почту с на размытость, вы можете попробовать:

$("#emailid").on("blur", function (event) { 
    var str = $(this).val(); 
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 

    if (!filter.test(str)) { 
     alert('Please enter a valid email address'); 
     return false; 
    } 
}); 

DEMO

Answer 2

Вы можете изменить type="text" на `type =" email ". В этом случае вам не нужно использовать jQuery. :)

Answer 3

Если вы хотите отобразить предупреждение вы можете сделать это:

function isvalidEmail(email) { 
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
    return regex.test(email); 
} 


$("#emailid").keyup(function (event) { 
    var emailValue = $(this).val(); 
    console.log(emailValue); 
    if(!isvalidEmail(emailValue)){ 
    alert('Please enter a valid email address'); 
    } 
}); 

JS скрипку ссылка:

http://jsfiddle.net/w0yoaqs5/

Answer 4

Попробуйте это ..

<input type="email" class="email"/> 

<div id="message"></div> 
<script> 
$('.email').on('keyup', function(){ 
    var valid = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/.test(this.value) && this.value.length; 
    $('#message').html('It\'s'+ (valid?'':' not') +' valid'); 
}); 
</script> 

DEMO

http://jsfiddle.net/o7t8991c/

Answer 5

Использование Jquery с предупреждения на недопустимый адрес электронной почты, DEMO

<h4> 
    <br />Email <span>*</span> 
    </h4>      
    <input type="text" id="Email" name="Email" maxLength="50" size="45" /> 

$("#Email").blur(function() 
{ 
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
var emailaddress = $("#Email").val(); 
if(!emailReg.test(emailaddress)) 
{ 
     alert('Please enter valid Email address!'); 
     return false; 
} 
}); 

OR Использование функции javascript regular expressions, вероятно, путь. Пример (Demo):

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 re.test(email); 
} 

Примечание: Но имейте в виду, что не следует полагаться только на проверки JavaScript. JavaScript можно легко отключить. Это также должно быть проверено на стороне сервера.