如何在 Jquery 中验证文本框

How to Validate Text box in Jquery

本文关键字：验证 文本 Jquery      更新时间：2023-09-26

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

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

jquery验证.validate()函数应用于表单ID，而不是表ID。
您将获得表 ID .validate()

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

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

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

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

相关文章：