Wie verhindert man, dass ein bestimmtes Zeichen in der Textbox mit JQuery/Javascript angezeigt wird?

Question

Ich habe eine Textbox

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

ich sicherstellen möchten, dass, wenn jemand Typen ein Komma ‚‘ in diesem Feld wird es automatisch gesperrt und nicht einmal zeigt in der Textbox auf.

Was ist der bessere Weg, dies zu tun?

Answer 1

Attach keydown Event-Handler und verhindern das Ereignis, wenn Taste gedrückt ist Komma (,). Sie können den gedrückten Schlüsselcode durch event.which Eigentum erhalten.

// 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>

---

Das gleiche mit reinem JavaScript

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

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

Answer 2

Try this,

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