javascript - 如何在 Jquery 中验证文本框

标签 javascript 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();

            }
        });

    })
})

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

最佳答案

.validate() jquery 验证函数适用于表单 id,而不适用于表 id。
您将获得 .validate() 表 ID

关于javascript - 如何在 Jquery 中验证文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28067110/

相关文章:

javascript - 为什么使用 React Hooks、MomentJS 对象和间隔/超时更新状态不会触发重新渲染?

javascript - 动态 js 表不工作

jquery - 如何使用 jQuery 制作可编辑的列表项?

jquery 高度/宽度 if 语句

javascript - 在 div 单击 backbone.js 中的 URLS

javascript - 创建代码来依次运行函数的一些想法(DOM)

javascript - 使用 handlebars 或 markdown 输出模型属性

javascript - 每个 View 的全日历选项

javascript - 根据属性更改按钮的文本

jquery - 你能复制 jqgrid 顶部的所有按钮吗