Как избежать того, что определенный символ, введенный в текстовое поле, появляется с помощью JQuery/Javascript?

Question

У меня есть текстовое поле

<input type="text" name="indice" class="number"> 
<br> 

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

Каков наилучший способ сделать это?

Answer 1

Приложить keydown обработчик события и предотвратить событие при нажатии клавиши запятой (,). Вы можете получить нажатый код клавиши event.which Недвижимость.

// bind the keydown event handler 
 
$('.number').keydown(function(e) { 
 
    // check which key pressed `188` represents comma 
 
    if (e.which == 188) 
 
    // if comma is pressed prevent the default event action 
 
    e.preventDefault(); // or return false; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="indice" class="number"> 
 
<br>

---

То же самое с чистым JavaScript

document.querySelector('.number').addEventListener('keydown', function(e) { 
 
    if (e.which == 188) 
 
    e.preventDefault(); 
 
})

<input type="text" name="indice" class="number"> 
 
<br>

Answer 2

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

$("#textboxid").keydown(function(){ 
     if($("#textboxid").val().index of(",")!=-1) 
       $("#textboxid").prop("readonly",true) 
})