Einfache Nummer Eingabe Validierung in Javascript (Firefox Fehler)

Question

Funktioniert gut auf Chrome, aber in Firefox kann ich nicht drücken Sie die Löschtaste oder die Rücktaste, um die Nummer zu bearbeiten. Wo ist das Problem in meinem Skript? Natürlich kann ich einen anderen Weg verwenden, um dies zu tun, aber ich möchte wissen, welche Fehler Firefox über das Skript ausführen soll?

Answer 1

if(theEvent.preventDefault) theEvent.preventDefault(); 

Sie verfehlten "{"

if(theEvent.preventDefault){ 
    theEvent.preventDefault(); 
} 

JavaScript Zeichengenauigkeit ist. Erinnere dich daran. Ich hoffe, es hat geholfen. Viel Glück.

Answer 2

Hallo @Raju Ahmed Ich überprüfe deinen Code und stelle fest, dass du Schlüssel mit regex testest, aber das Problem ist, dass es nur nach Zahlen sucht und das ist, was du gefragt hast. Aber Sie müssen auch nach Delete Key suchen (was 46 ist) und auch nach Backspace (was 8 ist) und anderen Schlüsseln suchen, was Sie verwenden möchten.

Auch ich teste Ihren Code auf Chrome Build 55.0.2883.87 m (64-Bit) und es funktioniert auch nicht für löschen, Backspace und andere.

Sie könnte wie folgt verwenden, wenn u jQuery verwenden:

function onlyNumberInput(evt) { 
     var theEvent = evt || window.event; 
     var allowed = [8, 17, 46, 37, 38, 39, 40]; 
     var key = theEvent.keyCode || theEvent.which; 
     var regex = /[0-9]/; 
     if($.inArray(allowed, key) !== -1) { 
      key = String.fromCharCode(key); 
      if(!regex.test(key)) { 
       theEvent.returnValue = false; 
       if(theEvent.preventDefault) 
        theEvent.preventDefault(); 
      } 
     } 
    } 

Wenn Sie andere Tasten verwenden möchten, finden Sie die keyCode den Schlüssel und fügen Sie in erlaubt. Wenn Sie JQuery nicht in Ihrem Code verwenden, lassen Sie es mich bitte wissen. Ich kann es zur normalen Version ändern :)

Eine weitere Sache, dies erlaubt ist in JS zu verwenden, wenn Sie nur eine Zeile Job:

if(theEvent.preventDefault) 
    theEvent.preventDefault(); 

bearbeiten II:

Well @Raju Ich habe den Code erneut überprüft, es funktioniert nicht, wie Sie wünschen. Also habe ich ein Beispiel dafür mit einem Plugin gefunden, wenn du es benutzen willst.

Plugin: NumericInput,

Demo: Demo

Sie können diesen Link überprüfen über Zahl nur Eingabe des: HTML Text Input allow only Numeric input