Gombnál javascript precheck?
Form esetén először is a klikk esetén az alap működést el kell dobni (preventdefault), végrehajtani a vizsgálatokat, majd ha nincs hiba megindítani a submitot. Bármi más esetén is hasonlóan kell eljárni.
document.getElementById("submitGombID").addEventListener("click", function(event){
event.preventDfault();
var hiba = false;
// vizsgálatok -> hiba módosítása
if (hiba) {
// üzenet a hibáról
} else {
document.getElementById('formID').submit();
}
});
Jquery-vel egy kicsit egyszerűbb, de a folyamat ugyanaz.
Jelenleg ez, és mégis lefut, ahelyett, hogy hibaüzenettel térne vissza.
<script>function action() {
document.getElementById('button').addEventListener('click', function(event){
event.preventDfault();
if(3 != 0) document.getElementById('error').innerHTML = "You are already doing something!";
else document.getElementById('form').submit();
});
}</script>
<form action='' method='post' id='form'>
<INPUT TYPE='submit' id='button' name='submit' value='Work' onclick='return action()'/>
</form>
Kiszedtem az onclicket a submitból, és ezt raktam utána:
<script>
document.getElementById('button').addEventListener('click', function(event){
event.preventDfault();
if(3 != 0) document.getElementById('error').innerHTML = "You are already doing something!";
else document.getElementById('form').submit();
});
</script>
De még mindig lefut.
event.preventDfault();
helyett
event.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!