Verhindert Benutzer, geben Sie weitere Nummern nach 2 Ziffern vor dem Dezimalpunkt

Ich habe ein problem mit der Benutzer durch Eingabe numerischer Werte in meine Textfelder, die die gleiche Klasse.

, Was Ich Will:

  • Benutzern erlauben, geben Sie nur 2 zahlen vor dem Dezimalpunkt und 2 weitere nach; ansonsten sind alle Tasten außer log Pfeil-Tasten, backspace-und entf-Taste

Aktuellen Ausgabe

  • Benutzer können nur geben Sie 2 zahlen; jedoch, nachdem er/Sie fügt ein Dezimalzeichen, Sie hinzufügen können, mehr zahlen, bevor es
  • Derzeit können die Benutzer nur geben Sie 5 Ziffern--2 vor dem Komma, und die anderen 2 nach dem Dezimalpunkt. Wenn Sie löschen eine Stelle nach dem Komma, können Sie noch mehr hinzufügen Nummer Ziffer vor das Komma.

Mein HTML:

<form method="post">
    <div class="row">
        <label>Val 1</label>
        <input type="text" class="validate" name="val1" maxlength="5" />
    </div>
    <div class="row">
        <label>Val 2</label>
        <input type="text" class="validate" name="val2" maxlength="5" />
    </div>
    <div class="row">
        <label>Val 3</label>
        <input type="text" class="validate" name="val3" maxlength="5" />
    </div>
    <div class="row">
        <button type="submit">Send</button>
    </div>
</form>

Meine JS:

Number.prototype.between  = function (a, b, inclusive) {
        var min = Math.min.apply(Math, [a,b]),
            max = Math.max.apply(Math, [a,b]);
        return inclusive ? this >= min && this <= max : this > min && this < max;
    };  
$('.validate').keypress( function( event ) {
        var v = parseFloat($(this).val() + String.fromCharCode(event.which));

        textValue = parseFloat(v).toString();
        var newVal = parseInt( textValue.substr(0, textValue.indexOf(".")) );

        console.log(newVal);
        if(textValue.length < 6){
           if(!parseFloat(v).between(0,99.99,true)) {
                v = this.value.substring(0, 2);
                $(this).val(v);
                return false;
            } 
            return true;
        }
    });

Hier ist der link zu meinem fiddel /DEMO

InformationsquelleAutor Sophea Phy | 2013-09-26
  1. 3

    Versuchen Sie dies :

       <input type="text" class="validate" name="val1" maxlength="5" onkeypress="return CheckDecimalValues(event)" />

function CheckDecimalValues(evt) {
    var keyCode = evt.keyCode ? evt.keyCode : ((evt.charCode) ? evt.charCode : evt.which);
    //   8   Backspace
    //   9   Tab key 
    //   46  Delete
    //   35  End Key
    //   36  Home Key
    //   37  Left arrow Move
    //   39  Right arrow Move
    if (!(keyCode >= 48 && keyCode <= 57)) {
        if (!(keyCode == 8 || keyCode == 9 || keyCode == 35 || keyCode == 36 || keyCode == 37 || keyCode == 39 || keyCode == 46)) {
            return false;
        }
        else {
            return true;
        }
    }

    var velement = evt.target || evt.srcElement
    var fstpart_val = velement.value;
    var fstpart = velement.value.length;
    if (fstpart .length == 2) return false;
    var parts = velement.value.split('.');
    if (parts[0].length >= 14) return false;
    if (parts.length == 2 && parts[1].length >= 2) return false;
}
    • Ich habe gerade herausgefunden, ein problem mit diesem Ansatz. Wenn ein Benutzer Kopien/einfügen einer Zahl mit mehr als 2 Nachkommastellen, es ist erlaubt. Also ich habe beide Ansätze vorgeschlagen, von BGS & Aashray.
    InformationsquelleAutor bgs
  2. 2

    Warum nimmst du nicht eine regex zu validieren, Ihre Anforderung?

    Einem einfachen regex etwa so:

    [0-9]{1}[0-9]{1}[\.]{1}[0-9]{1}[0-9]{1}

    können verwendet werden zur Validierung der Eingabe, ohne sich Gedanken über die wichtigsten Schläge. Fügen Sie einfach ein onblur Ereignis auf dem Textfeld, dies zu überprüfen.

    EDIT:

    Habe ich dieses Fiddle

    Check it out.

    • könnte u mir zeigen, wie die Integration in das keypress-Ereignis? Tut mir Leid, da bin ich sehr neu in jquery
    • Ich habe eine Geige. Sehen, ob es erfüllt Ihre Anforderungen.
    • ah, das funktioniert nicht. ich habe derzeit wollen die Nutzer, um nur 2 stellen vor und nach dem Dezimalpunkt. Mein problem ist, dass, wenn der Benutzer das löschen der letzten 2 Ziffern, dann Sie können hinzufügen, 1 Stelle mehr um die ersten 2 Ziffern
    • Können Sie ein Beispiel geben?
    InformationsquelleAutor Aashray
Schreibe einen Kommentar