Question

我想使用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();

            }
        });

    })
})

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

Answer 1

.validate() jquery验证函数适用于表格id而不是表格id 您将.validate()提供给表格ID

Answer 2

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

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

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

EG。 <input type="text" id="txt-name" required/>

如何在Jquery中验证文本框

2 个答案: