< jQuery

jQuery - Űrlap sorosítása

Szerző: Sallai András

Copyright © Sallai András, 2022

Licenc: CC Attribution-Share Alike 4.0 International

Web: https://szit.hu

Űrlap

<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>

A form elem azonsítója

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

Űrlap fieldset elemmel

<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>