У меня есть текстовое поле формы, в котором я хочу разрешить только числа и буквы. (т.е. нет # $!, и т.д.). Есть ли способ выбросить ошибку и предотвратить нажатие клавиши на самом деле если пользователь пытается использовать любой символ, отличный от цифр и букв? Я пытался найти плагин, но на самом деле не нашел ничего, что делает это...
Jquery - проверка символов на клавиатуре?
Ответ 1
$('input').keyup(function() {
var $th = $(this);
$th.val( $th.val().replace(/[^a-zA-Z0-9]/g, function(str) { alert('You typed " ' + str + ' ".\n\nPlease use only letters and numbers.'); return ''; } ) );
});
EDIT:
Здесь есть еще несколько хороших ответов, которые предотвратят возникновение ввода.
Я обновил мой, так как вы также хотели показать ошибку. Замена может принимать функцию вместо строки. Функция запускается и возвращает значение замены. Я добавил alert
, чтобы показать ошибку.
Ответ 2
Ну, ответ patrick удаляет символ, если он неправильный, чтобы фактически предотвратить добавление символа в поле использования
$("#field").keypress(function(e) {
// Check if the value of the input is valid
if (!valid)
e.preventDefault();
});
Таким образом, письмо не поступит в textarea
Ответ 3
$('#yourfield').keydown(function(e) {
// Check e.keyCode and return false if you want to block the entered character.
});
Ответ 4
Я обнаружил, что сочетание проверки правильности нажатия клавиш и keyup дает наилучшие результаты. Ключ должен быть обязательным, если вы хотите обрабатывать вставляемый текст. Это также уловка в случае проблем с кросс-браузером, которые позволяют вводить числовые значения в текстовое поле.
$("#ZipCode").keypress(function (event) {
var key = event.which || event.keyCode; //use event.which if it truthy, and default to keyCode otherwise
// Allow: backspace, delete, tab, and enter
var controlKeys = [8, 9, 13];
//for mozilla these are arrow keys
if ($.browser.mozilla) controlKeys = controlKeys.concat([37, 38, 39, 40]);
// Ctrl+ anything or one of the conttrolKeys is valid
var isControlKey = event.ctrlKey || controlKeys.join(",").match(new RegExp(key));
if (isControlKey) {return;}
// stop current key press if it not a number
if (!(48 <= key && key <= 57)) {
event.preventDefault();
return;
}
});
$('#ZipCode').keyup(function () {
//to allow decimals,use/[^0-9\.]/g
var regex = new RegExp(/[^0-9]/g);
var containsNonNumeric = this.value.match(regex);
if (containsNonNumeric)
this.value = this.value.replace(regex, '');
});
Ответ 5
Вы можете попробовать это расширение:
jQuery.fn.ForceAlphaNumericOnly =
function()
{
return this.each(function()
{
$(this).keydown(function(e)
{
var key = e.charCode || e.keyCode || 0;
// allow backspace, tab, delete, arrows, letters, numbers and keypad numbers ONLY
return (
key == 8 ||
key == 9 ||
key == 46 ||
(key >= 37 && key <= 40) ||
(key >= 48 && key <= 57) ||
(key >= 65 && key <= 90) ||
(key >= 96 && key <= 105));
})
})
};
Useage:
$("#yourInput").ForceAlphaNumericOnly();
Ответ 6
Вышеупомянутое расширение jquery (ForceAlphaNumericOnly) является хорошим, но все же позволяет использовать следующие символы через [email protected]#$%^&*()
На моем Mac, когда вы нажимаете клавишу shift (keycode 16
), а затем 1, она вводит !
, но код ключа 49
, код ключа для 1
.
Ответ 7
$(document).ready(function() {
$('.ipFilter').keydown((e) => {
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
(e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true) ||
e.keyCode === 67 && (e.ctrlKey === true || e.metaKey === true) ||
e.keyCode === 86 && (e.ctrlKey === true || e.metaKey === true) ||
e.keyCode === 82 && (e.ctrlKey === true || e.metaKey === true)) ||
(e.keyCode >= 35 && e.keyCode <= 40 )) {
return;
}
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
});