Wie nehmen nur positive ganze Zahl in Jquery spinner?

'<label id="quantite" for="quantite">Quantite : </label><input id="QteSpinner" value="1"></br>'

[...]

var newSpinner = $( "#QteSpinner" ).spinner({
            min: 1
        });

Wie könnte ich das einschränken der Benutzer nur zahlen eingeben in ein JQuery spinner wie dieser hier?

Dank

nur min-Wert 0. wie $( "#spinner" ).spinner({ min: 5 });
Ich formulierte meine Frage.

InformationsquelleAutor seb68 | 2013-05-24

jquery jquery-ui-spinner

3

Verwenden

{decimals:0}

oder

{min:0}

oder beide zusammen in den Optionen

InformationsquelleAutor itsazzad
2

Werfen Sie einen Blick auf diese fiddle link. Erstellt habe ich eine Probe, die einschränken, negative zahlen in den spinner.
```
    var value;
    var $container=$("#QteSpinner");
    var newSpinner = $container.spinner({
        min: 1,
    }).focus(function () {
        value = $container.val();
    }).blur(function () {
        var value1 = $container.val();
        if (value1<0) {
           $container.val(value);
        }
        if(isNaN(value1))
        {
           $container.val(value);
        } 

    });
```
Ich hoffe, dies wird Ihnen helfen, mehr.
- Danke, aber das problem ist nicht die Einschränkung der Reichweite auf die Anzahl, sondern die Einschränkung der Benutzer nur geben Sie eine Zahl ein. Derzeit könne er "foo" ohne problem. Und das ist ein problem.
- Werfen Sie einen Blick auf meine Antwort, ich habe mal wieder aktualisiert, meine Antwort mit den aktualisierten fiddle-link. diese beschränken Alphabete in den spinner. ich hoffe, dies wird Ihnen helfen.
- Danke, aber ich möchte, dass Benutzer können nur die Typ-Nummer. Ich will das blockieren der Anzeige von Buchstaben. Zum Beispiel, wenn ich Typ "f", die es nicht haben, zu arbeiten. Mit diesem code kann der Benutzer "foo", auch wenn die Buchstaben verschwindet, wenn wir nicht den Fokus haben.
InformationsquelleAutor Karthi Keyan
1

Verwenden Sie eine ändern-Funktion, um anzeigen von nicht-integer-Eingänge in einen geeigneten default-Wert, e.g
```
var myspinner = $( "#myspinner" ).spinner(
    { 
    min: 1,
    change: function (event, ui ) {
        var val = myspinner.spinner( "value" );
        myspinner.spinner("value", parseInt(val,10) || 1);
        /* 
        var val = $(this).spinner( "value" );
        $(this).spinner("value", parseInt(val,10) || 1);
        */
    }
    });   
```
Dies wird nicht verhindern, dass der Benutzer von der Eingabe Unsinn, aber es wird Schränken die Werte in den spinner, sobald der spinner den Fokus verliert. Wenn Sie absolut müssen die block-Eingabe nichts, aber zahlen könnten Sie in der Lage sein, etwas zu tun mit der keypress () - Funktion. Sehen jquery prüfen, wenn jemand anfängt, Eingabe in einem Feld für mehr details.

InformationsquelleAutor Mike Ellis

Dies ist, wie ich es gemacht habe:

jQuery( "#spinner" ).spinner({ min: 0 });

jQuery( "#spinner").keyup(function() {
            if(  isNaN (jQuery(this).val() )){ //Only numbers !
                jQuery(this).prop("value", "0") ; //Back to 0, as it is the minimum
            }
      });

Getan.

InformationsquelleAutor Francisco Corrales Morales

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.