Хотите разрешить кнопку Backspace или spcae с помощью js

Я использую этот скрипт, чтобы ограничить все специальные символы, но я хочу разрешить только клавишу Backspace (8) и пробел (32).

var specialKeys = new Array();
//specialKeys.push(8);  //Backspace
specialKeys.push(9);  //Tab
specialKeys.push(46); //Delete
specialKeys.push(36); //Home
specialKeys.push(35); //End
specialKeys.push(37); //Left
specialKeys.push(39); //Right

function IsAlphaNumeric(e) {
    var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
    var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122) || (specialKeys.indexOf(e.keyCode) != -1 && e.charCode != e.keyCode));
    document.getElementById("error").style.display = ret ? "none" : "inline";
    return ret;
}
<input name = "pname" list = "pnames" id = "pname" type = "text" class = "form-control" autocomplete = "off" onkeypress = "return IsAlphaNumeric(event);" ondrop = "return false;" onpaste = "return false;" required/>
<span id = "error" style = "color: Red; display: none">* Special characters are not allowed.</span>

Помогите пожалуйста как мне это сделать.. заранее спасибо

stackoverflow.com/questions/906190/…, вы можете взять это как ссылку и продолжить работу отсюда
stark 25.12.2020 12:30
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
75
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

    function IsAlphaNumeric(e) {
    var k;
    document.all ? k = e.keyCode : k = e.which;
    var ret = ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
    document.getElementById("error").style.display = ret ? "none" : "inline";
    return ret;
    }
<input name = "pname" list = "pnames" id = "pname" type = "text" class = "form-control" autocomplete = "off" onkeypress = "return IsAlphaNumeric(event);" ondrop = "return false;" onpaste = "return false;" required/>
<span id = "error" style = "color: Red; display: none">* Special characters are not allowed.</span>

Другие вопросы по теме