Предотвратить "," и ";" на поле ввода электронной почты с помощью JQuery

Question

Я хочу предотвратить использование «,» и «;» на поле ввода с JQuery. Я пытался это решение до сих пор:

HTML:

<input name="txt_correu-e" type="text" id="gestio_usuaris_editaCompta_txt_correu-e" size="50" maxlength="50" class=""> 

Jquery:

$('#gestio_usuaris_editaCompta_txt_correu-e').keypress(function (e) { 
    var filter = /([,;])/; 
    var campo = $("#gestio_usuaris_editaCompta_txt_correu-e").val(); 
    if (filter.test(campo)) { 
     e.preventDefault(); 
    } 
}); 

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

Answer 1

Чтобы запретить пользователю набирать , и ;, вы можете просто сделать:

$("#target").keypress(function(event) { 
    if (event.which == 44 || event.which == 59) { 
     event.preventDefault(); 
    } 

    // other instructions 

}); 

Edit:

Чтобы подтвердить адрес электронной почты, вы можете использовать:

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

, который вы можете вызвать в любом необходимом событии (keyup, ...) в текстовом поле.

Вы также можете использовать HTML5 email input:

<form> 
    E-mail: <input type="email" name="email"> 
</form> 

Надежда, которая может помочь.

Answer 2

$("#target").on('keyup click blur',function(event) { 
     var regex = new RegExp('^([A-Z0-9_.+-])+\@(([A-Z0-9-])+\.)+([A-Z0-9]{2,4})+$/', 'i'); 
     if(!regex.exec($(this).val())){ 
      $(this).val(""); 
      event.preventDefault(); 
    }); 

Для того, чтобы избежать вставок нежелательных символов, которые вы должны слушать KeyUp события (клавиатуры), нажмите событие (для предотвращения правой кнопки мыши и паста;: - с текстом) и размытостью события (если вход был выбранный с помощью клавиши TAB для вставки; - содержащий текст).

Для других полисов почты проверки Pls см regular-expressions.info

Answer 3

Как я уже сказал в своем комментарии, нет необходимости использовать JQuery или JavaScript, чтобы это сделать, и ограничивая вход через keyPress событие не является хорошей практикой, так как каждый может копировать и вставлять контент (даже с «злыми» намерениями).

Следующее решение позволит использовать любые символы, кроме «,» и «;». Имейте в виду, что этого недостаточно, чтобы гарантировать, что адрес электронной почты действительно, конечно.

<form> 
    <input type="text" pattern="^[^,;]*$" required/> 
    <input type="submit"> 
</form> 

http://jsfiddle.net/parvmck7/

Позвольте мне знать, если у вас есть сомнения.

ОБНОВЛЕНИЕ: Я не знал, что вам нужно, чтобы это было совместимо с IE8. Если это так, вы можете попробовать любой из HTML5 Polyfills (https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#web-forms). В противном случае JavaScript будет.