Question

我对输入字段进行了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/>

Answer 1

为什么在jQuery中这样做？为什么不在表单输入上使用HTML required属性？

REF： http://www.w3schools.com/jsref/prop_text_required.asp

示例：

<input placeholder="required a value here please" required/>

仅供参考，这是HTML5

Answer 2

以下是如何对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所提到的，另一种方法是在每个领域增加“必需” 然而，旧版浏览器（例如IE＆lt; 10）可能不支持它。

http://caniuse.com/#feat=form-validation

Answer 3

您可以通过两个流程进行验证。

进程1：将以下属性添加到已验证的控件中，作为我从源编辑的控件。最简单的休息方式将负责jQuery验证引擎。

In [26]:
valid_cols = df.columns.isin(['a','d'])
df.ix[:, valid_cols]

Out[26]:
          a
0 -1.164349
1  0.400116
2 -0.599496
3  0.186837
4  0.385656

过程2：如果您需要受控验证，则需要编写如下代码：

 <input class="form-control" type="text" id="TxtName" name="EmployeeName" value="" required='' data-msg-required='Please provide name.'/>

您可以从jQuery网站获得更多信息

jQuery验证不适用于输入字段

3 个答案: