Formulardaten bei onclick() behalten

[Forumsgast]

Hallo,
ich habe gerade das Internet nach meinem Problem durchsucht, allerdings finde ich nichts passendes.

Ich habe ein Formular <form>...</form>.
Und am Ende einen Button mit einem onclick()-Event.

Diese Funktion überprüft dann ob alles passt und stellt je nach dem eine AJAX-Verbindung her.

Nun habe ich aber ein ganz simples Problem...
Unzdwar immer wenn dieser Button gedrückt wird werden die Daten in den Form-Feldern (Username, Email...) gelöscht.

Ich habe es mit einem div-Tag stat form-Tag statt form Tag versucht; hat auch geklappt, jedoch will ich das Formular schon behalten.

Gibt es da eine Möglichkeit?

[Forumsgast]

Zeige doch mal Deinen Code.

[Forumsgast]

<form class="register">
   
    	<div id="div_username">
        <input type="text"  id="username" class="large-8 columns" name="username" placeholder="Username" value="" />
	
        </div>
        
        <div>
        <input type="text" class="large-8 columns" placeholder="Email" name="email" value="" />
   
        </div>
        
     
       
    <button onclick="register()" class="button" >Submit</button>
  
</form>

[Forumsgast]

Dein Form wird nicht gelöscht sondern gesendet solange register() nicht per event handler preventDefault() aufruft.

https://developer.mozilla.org/en-US/...preventDefault

[Forumsgast]

oder noch anders ausgedrückt, wenn du auf den button drückst, machst du ein ganz klassisches form submit.

[Forumsgast]

<button type="button" ...>
Brauchst kein preventDefault