javascript - 使用 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

});

编辑:

要验证电子邮件地址，您可以使用:

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>

希望能有所帮助。