Javascript阻止表单提交

Question

I have a loop that checks if 44 fields are null, and displays an error message for those that are null. The issue I'm having is that even if there are null fields, the form submits after about 2 seconds. How can I prevent form submission if an error is triggered?

@using (Html.BeginForm("Create", "Table1_1", FormMethod.Post, new { onsubmit = "return validateit()", name = "myForm" }))
{



function validateit() {


var count = 0;
var track = 0;
      for (var i = 0; i < fields.length; i++) {
          var x = document.forms.myForm[fields[i][0]].value;
          if (x === null || x === "" || x === "    ") {
              count++;
              document.getElementById("demo" + (i + 1)).innerHTML = "<font style='color:red';>Error: " + fields[i][1] + "</font>";
              track++;
          }
          else {
              document.getElementById("demo" + (i + 1)).innerHTML = "";
              track++;
          }
          if (count > 0 && track > 43) {
                      return false;
          }
      }

Answer 1

Using jQuery:

$(document).ready(function (){
    $('.form').submit(function(e){
        e.preventDefault();
        var formCheck = false;
        //check the form here if it is true, send the form
        if(formCheck){
            $('.form').addClass('checked');
            $('.checked').removeClass('form');
            $('.checked').submit();
        }
    });
});

Other better approaches would be HTML5 form validation using required : http://www.sitepoint.com/html5-form-validation/