javascript - jQuery验证不适用于输入字段

我的输入字段具有jQuery验证。但似乎不起作用:(

$('form')
.submit(function() {

    var name = $.trim($('#TxtName').val());
    var dob = $.trim($('#TxtDesig').val());
    var salary = $.trim($('#TxtSalary').val());

    if (name === "" || dob === "" || salary ==="") {
        alert("All fields are mandatory");
    }
    return false;
});

这是我的HTML表单：

<form class="form-group" method="post">
        <label class="control-label">Employee Name:</label>
            <input class="form-control" type="text" id="TxtName" name="EmployeeName" value="" /><br />
        <label class="control-label">Designation:</label>
            <input class="form-control" type="text" id="TxtDesig" name="Designation" value="" /><br />
       <label class="control-label">Salary:</label>
            <input class="form-control" type="date" id="TxtSalary" name="Salary" value=""/><br/>

最佳答案

这是编码jQuery验证的方法。

我需要在小提琴中显示它，因为stacksnippet不允许表单提交

https://jsfiddle.net/mplungjan/n6mcyf6x/

$(function() {
  $('form').on("submit", function(e) {
    var name = $.trim($('#TxtName').val());
    var dob = $.trim($('#TxtDesig').val());
    var salary = $.trim($('#TxtSalary').val());
    if (name === "" || dob === "" || salary === "") {
      alert("All fields are mandatory");
      e.preventDefault();
    }
  });
});

正如Rhys Bradbury提到的，另一种方法是在每个字段中添加“ required”。
但是，较旧的浏览器（例如IE
http://caniuse.com/#feat=form-validation