Как заблокировать пользовательский ввод некоторых символов для ввода?

Question

У меня есть веб-приложение, в которое входной пользователь может добавить несколько имен, но я не хочу, чтобы пользователь вводил апостроф '. когда пользователь нажимает «знак HTML» не нужно вставлять символ. Я новичок с HTML, также у меня есть файл кода JS.

<div class="col-md-4">
    <input name="name" type="text"  class="form-control" placeholder="Name">
</div>

Answer 1

Вы можете заменить символ из значения на пустой символ. Я также рекомендую вам использовать другое имя для элемента управления, так как name является ключевым словом в JavaScript:

document.querySelector('[name=txtName]').addEventListener('input',function(){
    this.value = this.value.replace("'", '');
});

<div class="col-md-4">
  <input name="txtName" type="text"  class="form-control" placeholder="Name">
</div>

Answer 2

var digitsOnly = /[1234567890]/g;
var floatOnly = /[0-9\.]/g;
var alphaOnly = /[A-Za-z]/g;

function restrictCharacters(myfield, e, restrictionType) {
    if (!e) var e = window.event
    if (e.keyCode) code = e.keyCode;
    else if (e.which) code = e.which;
    var character = String.fromCharCode(code);
    // if they pressed esc... remove focus from field...
    if (code==27) { this.blur(); return false; }
    // ignore if they are press other keys
    // strange because code: 39 is the down key AND ' key...
    // and DEL also equals .
    if (!e.ctrlKey && code!=9 && code!=8 && code!=36 && code!=37 && code!=38 && (code!=39 || (code==39 && character=="'")) && code!=40) {
        if (character.match(restrictionType)) {
            return true;
        } else {
            return false;
        }
    }
}

Answer 3

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

document.getElementById("input").onkeypress = function(e) {
    /^[a-zA-Z0-9]+$/.test(this.value)
};

<input type="text" id="input">

Измените регулярное выражение так, чтобы оно соответствовало нужным символам, в настоящее время используются только буквы (строчные и прописные) и цифры.

Код из Как заблокировать специальные символы в поле ввода HTML?