Kezdőoldal » Számítástechnika » Weblapkészítés » Gombnál javascript precheck?

Gombnál javascript precheck?

Figyelt kérdés
Hogy oldjam meg, hogy linknél,vagy submitnél hajtsa végre előbb az onclick-es prechecket, és csak akkor legyen érvényes a kattintás, ha teljesül a feltétel?
2015. júl. 15. 18:55
1 2
 1/13 A kérdező kommentje:
Már csak a postos formnál kéne megoldanom.
2015. júl. 15. 19:23
 2/13 Drone007 ***** válasza:

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.

2015. júl. 16. 00:33
Hasznos számodra ez a válasz?
 3/13 anonim ***** válasza:
Mindig tanul az ember. :)
2015. júl. 16. 07:44
Hasznos számodra ez a válasz?
 4/13 A kérdező kommentje:

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>

2015. júl. 16. 19:29
 5/13 A kérdező kommentje:

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.

2015. júl. 16. 19:37
 6/13 anonim ***** válasza:

Itt egy példa a megoldásra:

[link]


A <script> elemet a </body> tag elé érdemes rakni:

[link]

2015. júl. 16. 19:59
Hasznos számodra ez a válasz?
 7/13 A kérdező kommentje:
/body előtt van.
2015. júl. 16. 20:10
 8/13 anonim ***** válasza:

event.preventDfault();

helyett

event.preventDefault();

2015. júl. 16. 20:14
Hasznos számodra ez a válasz?
 9/13 A kérdező kommentje:
Köszi, működik. :D
2015. júl. 16. 20:15
 10/13 A kérdező kommentje:
Mi a különbség? Log nem írt syntax errort.
2015. júl. 16. 20:15
1 2

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

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!