Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:jquery:jquery_serialize

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
Következő változat
Előző változat
oktatas:web:jquery:jquery_serialize [2022/04/07 11:54] – [Űrlap] adminoktatas:web:jquery:jquery_serialize [2022/04/07 12:04] (aktuális) – [Űrlap fieldset elemmel] admin
Sor 34: Sor 34:
 </code> </code>
  
-===== A form elem azonsítója =====+==== A form elem azonsítója ====
  
  
Sor 40: Sor 40:
 $('#signupForm').on('submit', event =>{ $('#signupForm').on('submit', event =>{
     let data = $('#signupForm').serializeArray();     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);     console.table(data);
     event.preventDefault();     event.preventDefault();
oktatas/web/jquery/jquery_serialize.1649325244.txt.gz · Utolsó módosítás: 2022/04/07 11:54 szerkesztette: admin