在AJAX结果中使用IF

Question

In my form i am checking if there is same value in database or not when form submitted. The code below works fine and is giving the rigth result of AJAX post but the problem is when giving alert according to the wrong result, javascript alert and focus works but form still submits after these.

Button for submit:

<input type="submit" name="kaydet" class="btn btn-success form-control" 
onClick="return kaynak_kontrol()" value="Kaydet">

AJAX:

<script type="text/javascript">
function kaynak_kontrol(){
  Form=document.forms['depo_kayit'];
  var depo_sube_no = document.getElementById('depo_sube_no').value; 
  var depo_firma_no = document.getElementById('depo_firma_no').value;
  var depo_kodu = document.getElementById('depo_kodu').value;
  var dataString ="depo_sube_no="+depo_sube_no+"&depo_firma_no="+depo_firma_no+"&depo_kodu="+depo_kodu; 

  $.ajax({ 
    type: "POST",
    url: "depo_kodu_kontrol.php", 
    data: dataString, 
    success: function(result){ 
      if(result != 0){
        alert("Aynı şubede aynı isimde iki depo olamaz!");
        document.getElementById('depo_kodu').focus();
        return false;
      } else {
        return true;
        Form.submit();
      }
    }
  });
 }
 </script>

Can you help me why i return false is not working and form still submits?

Answer 1

you need to prevent the form submission manually using jQuery event.preventDefault()

here is a small fix

function kaynak_kontrol(event){ // notice the new parameter !
    event.preventDefault();
    //the rest of your code