2015-01-21 38 views
0

文本框我想使用JQuery如何验证jQuery中

做验证,以四个文本框编码算法我已经做

<table align="center" id="tbl-employee"> 
<tr> 
<td> 
<label>Insert Employee Details</label> 
</td>   
</tr> 
<tr> 
<td> 
<label id="lbl-name">Name</label> 
</td> 
<td>:</td> 
<td> 
<input type="text" id="txt-name" /> 
</td> 
</tr> 
<tr> 
<td> 
<label id="lbl-salary">Salary</label> 
</td> 
<td>:</td> 
<td><input type="text" id="txt-salary" /></td> 
</tr> 
<tr> 
<td> 
<label id="lbl-deptid">DeptId</label> 
</td> 
<td>:</td> 
<td><select id="ddl-deptid"> 
<option value="0">-SelectOne-</option> 
<option value="1">SoftWare</option> 
<option value="2">CA</option> 
<option value="3">Professor</option> 
</select>    
</td> 
</tr> 
<tr> 
<td></td> 
<td></td> 
<td><input type="button" id="btn-insert" value="Insert" /></td> 
</tr> 
</table> 
} 

JavaScript代码

$(function() { 
    $("#btn-insert").click(function() { 
     $("#tbl-employee").validate({ 
      rules: { 
       Name: { required: true, minlenth: 50 }, 
       Salary:{required:true,minlength:9}, 
       DeptId:"required" 

      }, 
      message: { 
       Name:{required:"Please Enter Name",minlength:"Your Name must lessthan 50 characters" } 
      }, 
      submit Handler: function (table) { 
       table.submit(); 

      } 
     }); 

    }) 
}) 

有人会检查我的程序,如果我没有给任何文本输入文本框,提交时应该显示错误信息。

+0

我认为这个问题可能是题外话,因为它更适合于http://codereview.stackexchange.com/ – Andy 2015-01-21 12:23:39

+0

这显然是一个代码审查相关问题。有趣的是,人们如何看待这个问题显示出任何研究工作。 – Aditya 2015-01-21 12:25:13

回答

0

验证插件需要验证表单的ID,而不像您现在使用的表的id为tbl-employee。将HTML包装在表单中,并将此表单的ID用于验证。

$("#id_of_your_form").validate({.. 

此外,您没有输入文本框的required属性。将其添加到所需的文本框,验证将起作用。

例如, <input type="text" id="txt-name" required/>

+0

我只需要jquery验证 – meena 2015-01-21 12:26:33

+0

要使验证生效,您需要将输入文本字段标记为'required',否则它不会显示错误。 – 2015-01-21 12:30:54

1

.validate() jquery验证功能适用于表单ID不适用于表ID。
您将得到.validate()表ID