Hogyan kell a formos input elküldését blockolni üres mező esetén?
Eddig jutottam:
<html>
<head>
</head>
<body>
<pre>
<script>
function check(){
var a=document.form1.a.value;
if(a==""){
alert("Üres mező!");
}
}
</script>
</pre>
<form name="form1" action="post.php" method="POST" onsubmit=check()>
<p>szöveg <input type="text" name="a" size="8"></p>
<p> <input type="submit" value="Elküld"></p>
</form>
</body>
</html>
feldobja az alertet, hogy üres, de ahogy kattintom már küldi is el. ha lehetne, egy ebből készítetett kész mintát kérnék! köszönöm
válasza:Pár dolog elsőre:
1. <!DOCTYPE html> elejéről hiányzik
2. A <head> és </head> tagek között validálási szempontból szükséges a <title> elem (<title>Oldalneve</title> formában).
3. Érdemes a <script> taget vagy a </head>, vagy a </body> elé rakni ( [link] ) - bár ez utóbbinak lehetnek az előnyök mellett nem kívánt mellékhatásai - és <pre> elem nélkül (mivel a <pre> elemnek nincs hatása a <script> elemben levő tagre).
4. Az űrlapmező előtt szereplő szöveget érdemes <label> tagek közé tenni (és legyen a megnevezés egyértelmű, ha ez valami publikus honlapra kerül).
Az űrlapmező blokkolását pedig az ellenőrzés feltételének teljesülésekor visszatérő false értékkel lehet megoldani.
Szóval legalább így nézzen ki:
Bár ha már űrlapellenőrzés:
1. Ezt az ellenőrzést EL KELL végezni a szerveroldalon is (XSS, SQL injection, és CSRF-védelemre is figyelmet szokás fordítani)!
2. Az előzőből kifolyólag a kitöltöttség visszajelzése megoldható AJAX segítségével is - ezt a JQuery függvénykönyvtár segítségével szépen meg lehet oldani.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!