How to submit or not a form using jquery and javascript

Question

i have a form like:

<form name="form" id="form" action="sub.php" onsubmit="return checkField();">
.
.
.
</form>

in head i have:

<script>
   function checkField(){
      var fieldToCheck = $('#field').val();
      $.post("checkField.php",{field:fieldTocheck},function(msg)){
         return msg=='ok';
      }
   }
</script>

the problem is that form will submit always.. i know that the return inside $.post is for function of success and not for function checkField() .. so what can i do? can someone help me? Thanks!!

Answer 1

1st, prevent the submit event:

$('#form').submit(function(event) {
event.preventDefault();
}

2nd, if all ok, proceed with submission

   function checkField(){
      var fieldToCheck = $('#field').val();
      $.post("checkField.php",{field:fieldTocheck},function(msg)){
         $('#form').submit();
      }
   }