Проверка jQuery не работает, когда поля ввода пустые

Question

Я думаю, что это не сложно, но я не могу сделать это сам. Я очень благодарен за вашу помощь.

Я собираюсь отправить форму с подтверждением. Кажется, мои проверки не работают должным образом. Потому что, когда поля ввода пустые, сообщение об ошибке не отображается. А также при нажатии кнопки «Отправить» сообщение об ошибке не отображается. Этот инцидент происходит только тогда, когда поля ввода пустые.

Вот мой HTML:

<form name="department" id="department"> 
    <div class="form-group"> 
     <label for="example-text-input">Department Name</label> 
     <span id="errfnCustomer"></span> 
     <input class="form-control" type="text" placeholder="Enter Department Name" id="textDepartmentName" name="textDepartmentName1"> 
    </div> 
    <div class="form-group"> 
     <label for="example-text-input">Registation Number</label> 
     <span id="errfnCustomer2"></span> 
     <input class="form-control" type="text" placeholder="Enter Department Registation Number" id="textRegistationNumber" name="textRegistationNumber"> 
    </div> 
    <div class="form-group"> 
     <label for="example-text-input">Web Site</label> 
     <input class="form-control" type="text" placeholder="Web Site" id="textWebsite" name="textWebsite1"> 
    </div> 
    <div class="form-actions"> 
     <div class="form-group"> 
      <input type="button" value="Register" class="btn pull-right" id="btnsubmit" style="background-color:#1e90ff; width: 100px; color: white; font-weight: bold" /> 
     </div> 
    </div> 
</div> 

И JQuery:

$('#department').validate({ 
    rules: { 
     textDepartmentName1: { 
      required: true, 
      minlength: 3, 
     }, 
     textRegistationNumber: { 
      required: true, 
      minlength: 3 
     }, 
     textWebsite1: { 
      required: true, 
      minlength: 3 
     } 

    }, 
    submitHandler: $("#btnsubmit").click(function (form) { 
     var submitData = { 
      DepartmentId: saveStat, 
      DepartmentName: $('#textDepartmentName').val().trim(), 
      RegistationNumber: $('#textRegistationNumber').val(), 
      Website: $('#textWebsite').val(), 
      Email: $('#textEmail').val(), 
      Telephone01: $('#textTelephone01').val(), 
      Telephone02: $('#textTelephone02').val(), 
      Fax: $('#textFax').val(), 
      BranchId: $('#cmbGetBranch').val() 
     } 

     if (saveStat == 0) { 
      $.ajax({ 
       dataType: 'json', 
       contentType: 'application/json; charset=utf-8', 
       cache: false, 
       async: false, 
       type: 'POST', 
       data: "{submitData:" + JSON.stringify(submitData) + "}", 
       url: "/Department/AddDepartment", 
       success: function (saveDepartment) { 
        if (saveDepartment.saveDepartment.DepartmentId != 0) { 
         refresh(); 
         alert(saveDepartment.saveDepartment.DepartmentName + " Saved succesfully...!!!"); 
        } else { 
         alert('warning' + " Department saving unsucsessful...!!!"); 

        } 
       }, 
       error: function (xhr, errorThrown) { 
        alert('Error...!!! Internal - 01'); 
       } 

      }); 
     } else { 
      $.ajax({ 
       dataType: 'json', 
       contentType: 'application/json; charset=utf-8', 
       cache: false, 
       async: false, 
       type: 'POST', 
       data: "{submitData:" + JSON.stringify(submitData) + "}", 
       url: "/Department/UpdateDepartment", 
       success: function (updateDepartment) { 
        if (updateDepartment.updateDepartment.DepartmentId != "") { 
         alert(updateDepartment.updateDepartment.DepartmentName + " updated succesfully...!!!"); 
         refresh(); 
        } else { 
         alert("Department update error...!!!"); 
        } 
       }, 
       error: function (xhr, errorThrown) { 
        alert('Error...!!!'); 
       } 
      }); 
     } 
     grid(); 
    }) 
}); 

Answer 1

Прежде всего сделать зарегистрировать тип Buttom представить:

<input type="submit" value="Register" class="btn pull-right" id="btnsubmit" style="background-color:#1e90ff; width: 100px; color: white; font-weight: bold" /> 

И делают представить обработчик что-то вроде этого:

submitHandler:function (form) { 

} 

Подробнее см. Здесь (Jquery validation).