Geben Sie nur die Nummer im Textfeld per javascript onkeypress problem

Ich habe ein html-Textfeld, onkeypress-Ereignis wird eine Funktion aufrufen und die Funktion zur Eingabe sind nur Ziffern (0-9). das ist gut, wenn der Benutzer die Eingabe von direkt.

Das problem wird kommen, wenn der Benutzer kopieren und fügen Sie einige Zeichen oder Zeichenfolge in das Textfeld ein. Ich weiß nicht, Wann soll ich anrufen, dass die JavaScript-Funktion zum validieren eingefügten Werte sind die Nummer oder Char.

Irgendeine Idee?

  • sollten Sie eine Validierung auf dem server sowieso . Bezüglich deines aktuellen Problems , versuchen Sie es mit dem onchange-Ereignis .
InformationsquelleAutor Silambarasan | 2011-07-28
  1. 2

    Werden kann, können Sie versuchen, verwenden onchange-Ereignis und dann prüfen mit regex..

    • In einigen Browsern (zumindest in Chrome), es ist nicht, bis Sie verwischen die textbox, die es feuert die onchange Veranstaltung.
    InformationsquelleAutor Dmitry Alexandrov
  2. 2

    Können Sie eines der neuen HTML5-Formular-tags als <input type=number" \> oder <input type="range" />.

    InformationsquelleAutor user278064
  3. 1

    Haben Sie halten nicht schriftlich eigenes Skript hier?

    Verwende ich jQuery MaskedInput und es funktioniert perfekt für dieses

    InformationsquelleAutor Tigraine
  4. 0
    $("#textbox").change(function(){
    //validate the text here
});
    • Dies setzt Voraus, jQuery.
    InformationsquelleAutor Ritik Khatwani
  5. 0

    Ich vermute, dass dies ist, weil Sie false zurückgeben, für jeden nicht-numerische Eingabe.

    Können Sie entweder die Forschung, wie zu identifizieren, die Dinge wie Strg+C, oder wechseln Sie zu einem blacklist-Ansatz. Sie wirklich nur wollen, zu verbieten, nicht-numerische druckbare Zeichen, so können Sie wahrscheinlich tun dies mit einem codepoint-Bereich.

    InformationsquelleAutor Tom
  6. 0

    Wenn Sie mit normalen Javascript, verwenden Sie die object.onpaste = handler;
    z.B.

    <html>...
    <input id="something" type="text" />
...
  <script>
    var el = document.getElementById('something');
    el.onpaste = function() {
       //do you stuff here
    } ...

    Wohl besser onchange

    Und mit einer Bibliothek wie jQuery zu tun es für Sie schön ist.

    Aber wenn Sie möchten, lernen Sie das Innenleben von javascript... es selbst zu tun! Manchmal ist es besser, das Rad neu zu erfinden, wenn das lernen.

    • onpaste ist nur IE.
    • Nein, es ist nicht. Es ist implementiert in aktuellen Versionen aller wichtigen Browser.
    • ...Außer Opera
    • Ah ja, du hast Recht.
    InformationsquelleAutor Vincent McNabb
  7. 0

    Ein anderer Ansatz könnte die Verwendung setInterval erstellen Sie Ihre eigenen (pseudo -) change listener für Formularfelder. Sehen dieses jsfiddle für ein Beispiel.

    InformationsquelleAutor KooiInc
Schreibe einen Kommentar