通过 jQuery 检查 FORM 的每个字段不得为空

Question

不熟悉 jQuery...

用户通过 jQuery 单击“提交”按钮后，如何检查表单的每个输入字段不得为空？仅在检查每个字段后才允许提交表格，即使单击“提交按钮”，表格也不能为空！必须相应地输入所有字段，然后提交甚至只能通过...

注意：该表单由 10 个输入字段组成，仅使用 HTML 进行编码；我需要 jQuery 来检查每个不能为空的输入字段...

感谢那些愿意向我伸出援助之手的人......

Answer 1

不需要 jQuery。HTML 属性：必需布尔必需属性，如果存在，则指示用户必须在提交所属表单之前指定输入值。文本、搜索、url、电话、电子邮件、密码、日期、月、周、时间、本地日期时间、数字、复选框、单选、文件、类型以及 和 表单控制元素支持必需属性。如果出现在任何这些输入类型和元素上，则 :required 伪类将匹配。如果不包含该属性，则:可选伪类将匹配。<input type="text" id="username" name="username" required>

Answer 2

你可以试试这个jQuery验证器插件。您可以在那里设置验证规则和消息。