Annyit szeretnék elérni ezzel a TAG-gel, hogy minimum, és maximum 4 számjegy-et lehessen bevinni. Valaki esetleg tudna segíteni?





minimumot JS -el tudod nézni, HTL -ben maximum hogy kivan -e töltve. (van -e érték benne)
esetleg number typusnál ha min 1000 és maxlength 4





Az ilyen specifikus megszorításokhoz ajánlom használj javascriptes vagy jquery-s input maszkot, amivel beállíthatod az elfogadható értékeket. Pl.:
Bár ez kliens oldalon korlátozza a bevihető karaktereket, nem árt szerveroldalon is ellenőrizni az értéket, hogy megfelel-e a kritériumoknak!





data-max: max. érték, data-min: min. érték
a második input csak azért van benne, hogy megmutassa, hogy több inputtal is működik a script
-----------
HTML
-----------
<form id="urlap" method="post" action="valami.php">
<label>Irányítószám:</label> <input type="number" name="ir" data-min="4" data-max="4" placeholder="8000" />
<label>Valami:</label> <input type="number" name="valami" data-min="3" data-max="8" />
<input type="submit" value="Küldés"/>
</form>
------------------
jQuery
------------------
$("#urlap").submit(function(e){
$(this).find("input").each(function(){
var min = $(this).attr("data-min");
var max = $(this).attr("data-max");
var hossz = $(this).val().length;
if(min > hossz || max < hossz) {
alert("Nem minden mező lett megfelelően kitöltve!");
e.preventDefault();
}
});
});
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!