Formulareingaben sind leer, nachdem Alarm

Question

<form id='formregister' autocomplete='off'> 
    <input type='text' name='user' maxlength='50' placeholder='* Username'> 
    <input type='text' name='pass' maxlength='50' placeholder='* Password'> 
    <input type='text' name='name' maxlength='50' placeholder='Ime'> 
    <button id='btnregister'>Register</button> 
</form> 

Javascript

$('#btnregister').click(function(){ 
$.ajax({ 
    url: 'regpro.php', 
    type: 'post', 
    data: $('#formregister').serialize(), 
    success: function(data) { 
     if (data == 'exists') { 
      alert ('user already exists'); // after closing form is empty! 
     } 
     else if (data =='empty'){ 
      alert ('something is missing'); // after closing form is empty! 
     } 
     else{ 
      if (window.confirm('Registration is successfull. Do you wont to login?')){ 
       window.location.href = 'login.php'; // doesn't work 
      } 
      else { 
       window.location.href = 'index.php'; // doesn't work 
      } 
     } 
    } 
}); 
}); 

Schließen Warum Formulareingaben werden leer nach Alarm geschlossen wird, und warum Umleitungen nach bestätigen Dialog geschlossen wird nicht funktionieren?

Answer 1

Sie sollten event.preventDefault();, um Ihren Code hinzufügen:

$('#btnregister').click(function(event){ 
    event.preventDefault(); 
    ... 
}); 

Diese Methode wird deaktivieren Sie die Standardaktion des Formulars einreichen, wenn Sie auf den Button klicken.