Någon som skulle kunna hjälpa mig med hur jan kan begäransa ett input-fält till ett maxtal? Exempelvis ska man inte kunna trycka in ett högre tal än 5986.
Max input
9 svar · 633 visningar · startad av baltebobby
Max input
Hm... någon som kan hjälpa mig med om och hur jag på ett smidigt sätt skulle kunna begränsa att man inte kan skriva mer än ett givet tal som input. Ex. man inte kunna skriva ett tal mer än 1826 i rutan.
Thank you for your support
Det går inte att göra med bara HTML. Det måste till Javscript. Jag rekommenderar en kontroll innan submit.
Exempelkod:
<script type="text/javascript">
function checkForm(th){
var formok=true, fel="";
var nummer=parseInt(th.nummer.value);
if (!/^\d+$/.test(th.nummer.value) ||
nummer < 0 ||
nummer > 5986){
fel += "Fältet måste innehålla ett heltal mellan 0 och 5986.\n";
formok=false;
}
if(!formok)
alert("Följande fel hittades:\n\n" + fel)
return formok;
}
</script>
<form onsubmit="return checkForm(this);">
<input name="nummer" />
</form>
Tråden flyttas för övrigt från HTML, XHTML & CSS till Javascript/DHTML.
<script>
function validate(){
var foo = document.foo;
var bar = 1826;
if(isNaN(foo.bar.value)||foo.bar.value.length<1){
alert("Siffror tack!");
}else{
if(parseInt(foo.bar.value)>bar){
alert("För högt värde.\nHögsta tillåtna värde:"+bar);
}else{
foo.submit();}
}
};
</script>
<form name="foo">
<input type="text" name="bar"/>
<input type="button" value="Check" onclick="validate();"/>
</form>
Det var jag som flyttade den andra tråden hit utana tt upptäcka att han hade startat en tråd där också. Så en sammanslagning är kanske att föredra. (För övrigt är min lösning på problemet bättre ;) )
Trådarna sammanfogade.
Finns möjligheten till att kontrollera på server-sidan så är det naturligtvis mycket bättre då man med några få klick kan stänga av JavaScript från sin webbläsare.
Dessutom finns det webbläsare som inte ens har stöd för JavaScript.
<input name="n" type="number" max="5986">
Fast det funkar bara i Opera än så länge.
Kriko skrev:
Dessutom finns det webbläsare som inte ens har stöd för JavaScript.
Det måste vara ungefär som en bil utan hjul..