2013-10-11 16 views
19

Ich versuche herauszufinden, wie man den maximalen Wert und den minimalen Wert von html5 eingibt, der durch Javascript oder jquery eingegeben wird.wie man den maximalen Wert und den minimalen Wert von in html5 durch javascript oder jquery setzt

<input type="number" max="???" min="???" step="0.5"/> 

Würde jemand bitte

+1

Haben Sie etwas versucht? Wie 'yourInput.max = 33'? –

+0

Überprüfen Sie zuerst, ob es von Ihrem Browser unterstützt wird: http://www.wufoo.com/html5/attributes/04-minmaxstep.html. – VisioN

+0

css min-width und max-width sind nicht gut für dich? – Vladimir

Antwort

26

jQuery Führung macht es einfach, alle Attribute für ein Element zu setzen - nur die Verwendung .attr() method:

$(document).ready(function() { 
    $("input").attr({ 
     "max" : 10,  // substitute your own 
     "min" : 2   // values (or variables) here 
    }); 
}); 

Das Dokument bereit Handler nicht, wenn Ihr Skriptblock erforderlich ist erscheint nach den Elementen, die Sie bearbeiten möchten.

Mit einem Selektor von "input" werden die Attribute für alle Eingänge gesetzt, so dass Sie wirklich eine Möglichkeit haben, den betreffenden Eingang zu identifizieren. Wenn Sie es ein id gab man könnte sagen:

$("#idHere").attr(... 

... oder mit einer Klasse:

$(".classHere").attr(... 
5

Versuchen Sie, diese

$(function(){ 
    $("input[type='number']").prop('min',1); 
    $("input[type='number']").prop('max',10); 
}); 

Demo

+0

funktioniert nicht für mich in Chrome-Browser. –

+0

@nilakanthasinghdeo: Bitte überprüfen Sie die Demo – Amit

+0

Es ist erlaubt, Werte mehr als 10 zu nehmen.Obwohl es rot zeigt.Überprüfen Sie dies.http: //jsfiddle.net/EBs33/1/ –

7

Try this:

<input type="number" max="???" min="???" step="0.5" id="myInput"/> 

$("#myInput").attr({ 
    "max" : 10, 
    "min" : 2 
}); 

Hinweis: Dies wird max-und min-Wert nur auf einzelne Eingabe setzen

Verwandte Themen