Gönderme formunu gönderdikten sonra bile sayfayı yenilemek e.preventDefault

Question

Form gönderdikten sonra bazı işlemler yapmak istiyorum. Ancak "Gönder" düğmesine tıkladıktan sonra sayfa yeniden yüklenir. Evt.preventDefault() işlevini kullanmaya devam ettim.

<form class="user-info-form"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title" id="create-user-label">User Details</h4> 
        <div class="error-message"></div> 
       </div> 
       <div class="modal-body"> 

        <div class="form-group"> 
         <label for="user-email" class="control-label">Email:</label> 
         <input type="email" class="form-control" id="user-email" name="email" required> 
        </div> 
        <div class="form-group"> 
         <label for="user-first-name" class="control-label">First Name:</label> 
         <input type="text" class="form-control" id="user-first-name" name="first_name" required> 
        </div> 
        <div class="form-group"> 
         <label for="user-last-name" class="control-label">Last Name:</label> 
         <input type="text" class="form-control" id="user-last-name" name="last_name" required> 
        </div> 
        <div class="form-group"> 
         <label for="user-password" class="control-label">Password:</label> 
         <input type="password" class="form-control" id="password" name="password" required> 
        </div> 
        <div class="form-group"> 
         <label for="user-confirm-password" class="control-label">Confirm Password:</label> 
         <input type="password" class="form-control" id="confirmPassword" name="confirm-password" required> 
        </div> 
        <input type="hidden" name="id" class="uuid" /> 

       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
        <button type="submit" class="btn btn-primary submit-btn">Submit</button> 
       </div> 
      </div> 
     </form> 

Ve JS kodu -

$(".submit-btn").submit(function (evt) { 
      evt.preventDefault(); 
      oThis.onSubmitBtn(); 
     }); 

Answer 1

Sen değil gönder düğmesi için, sizin form etikete submit fonksiyonunu uygulamalıdır.

$(".user-info-form").submit(function (evt) { 
     evt.preventDefault(); 
     oThis.onSubmitBtn(); 
    });