szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:jquery|< jQuery]]

====== jQuery - Űrlap sorosítása ======
  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Űrlap =====

<code html5>
    <form id="signupForm" action="signupsub.html">

        <label for="user">Felhasználónév</label>
        <input type="text" id="user" name="user">

        <br>
 
        <label for="email">E-mail</label>
        <input type="email" id="email" name="email">
        <br>
 
 
        <label for="pass">Jelszó</label>
        <input type="password" id="pass" name="pass">
        <br>
 
        <label for="confirm_pass">Jelszó újra</label>
        <input type="password" id="confirm_pass" name="confirm_pass">
        <br>
 
        <button>Regisztrál</button>
    </form>
</code>

==== A form elem azonsítója ====


<code javascript>
$('#signupForm').on('submit', event =>{
    let data = $('#signupForm').serializeArray();
    console.table(data);
    event.preventDefault();
});
</code>

===== Űrlap fieldset elemmel =====

<code html5>
    <form id="signupForm" action="signupsub.html">
        <fieldset id="basedata">

        <label for="user">Felhasználónév</label>
        <input type="text" id="user" name="user">

        <br>
 
        <label for="email">E-mail</label>
        <input type="email" id="email" name="email">
        <br>
 
 
        <label for="pass">Jelszó</label>
        <input type="password" id="pass" name="pass">
        <br>
 
        <label for="confirm_pass">Jelszó újra</label>
        <input type="password" id="confirm_pass" name="confirm_pass">
        <br>
        </fieldset>
        
        <button>Regisztrál</button>
    </form>

</code>

==== jQuery ====

<code javascript>
$('#signupForm').on('submit', event =>{
    let data = $('#basedata').serializeArray();
    console.log('megy');
    console.table(data);
    event.preventDefault();
});
</code>