Kezdőoldal » Számítástechnika » Weblapkészítés » Annyit szeretnék elérni ezzel...

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

Figyelt kérdés
<label>Irányítószám</label><input type="number" name="ir" placeholder="pl.: 8000">

2015. máj. 26. 09:03
 1/5 anonim ***** válasza:

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

2015. máj. 26. 09:14
Hasznos számodra ez a válasz?
 2/5 Drone007 ***** válasza:

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.:

[link]

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!

2015. máj. 26. 09:28
Hasznos számodra ez a válasz?
 3/5 A kérdező kommentje:
Köszönöm szépen a válaszokat! :) Valamit megpróbálok ezekből összeügyködni
2015. máj. 26. 10:00
 4/5 anonim ***** válasza:

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();

}

});

});

2015. máj. 26. 17:55
Hasznos számodra ez a válasz?
 5/5 A kérdező kommentje:
Köszönöm! Hasznos volt!:)
2015. máj. 26. 20:32

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!