如何使用jquery作爲validatidation用於下一步驟處理

Question

我有下面的代碼進行比較我輸入文本： 但是，它仍然沒有工作，因爲我需要，

function formValidation(e){ 
    var username = $('#username').val(); 

    $.post("check_username.php", { username: username }, 
     function(result){ 
      if(result == 0){ 
       jQuery('.fs-error').html('<span style="color:red;"> Nama tidak cocok !</span>'); 
       return false; 
      }else{ 
       jQuery('.fs-error').hide(); 
      } 
    }); 
} else if { 
    var tgllahir = $('#tgllahir').val(); 

    $.post("check_tgllahir.php", { tgllahir: tgllahir }, 
     function(result){ 
      if(result == 0){ 
       jQuery('.fs-error').html('<span style="color:red;"> Tanggal Lahir tidak cocok !</span>'); 
       return false; 
      }else{ 
       jQuery('.fs-error').hide(); 
      } 
    }); 
} 

這是行不通的。 當我點擊下一個按鈕時無處可去。 請任何幫助。

Answer 1

我認爲你必須使用jQuery的承諾，直到你的請求完成後，檢查結果進行驗證。

function formValidation(e) { 
var username = $('#username').val(); 

$.post("check_username.php", { 
    username: username 
}).done(function(result) { 
    if (result == 0) { 
     jQuery('.fs-error').html('<span style="color:red;"> Nama tidak cocok !</span>'); 
     return false; 
    } else { 
     jQuery('.fs-error').hide(); 
    } 
}); 
var tgllahir = $('#tgllahir').val(); 
$.post("check_tgllahir.php", { 
    tgllahir: tgllahir 
}).done(function(result) { 
    if (result == 0) { 
     jQuery('.fs-error').html('<span style="color:red;"> Tanggal Lahir tidak cocok !</span>'); 
     return false; 
    } else { 
     jQuery('.fs-error').hide(); 
    } 
});; 
}