通过jQuery检查表单的每个字段不能为空

不熟悉jQuery

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

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

感谢那些愿意伸出援助之手的人……

无需jQuery

布尔必需属性，如果存在，则表示 用户必须为输入指定一个值，然后才能创建所属表单 提交。文本、搜索、url、， 电话、电子邮件、密码、日期、月、周、时间、日期时间、本地号码、， 复选框、收音机、文件、类型以及和 表单控件元素。如果这些输入中存在 类型和元素，则：必需的伪类将匹配。如果 属性，则：可选伪类将匹配

---

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

显示html和js以获得更好的建议。请使用JQ验证。JQ验证检查值更改，然后单击“提交”按钮。此外，您还可以在表单输入中添加所需属性。请访问，查看和。做一些研究，搜索相关话题等；如果你被卡住了，贴一张你尝试的照片，记下输入和预期输出。是的！我确实使用了如图所示的required和占位符类来提醒/建议。。。单击提交按钮后；它仍然在空旷的田野里继续前行……谢谢你的帮助&萨吉布·亚哈迈德！！阿哈迈德，你的想法是可行的；但这对我来说很难！只是尝试验证单个文件；它会触发以验证所有输入字段中的所有其他字段是否为必需标志。听起来很棒；但它刷新到首页，但未成功发送。它确实会提示我以下消息：[您正在查找输入的已用信息的页面。返回该页面可能会导致您重复执行的任何操作。是否继续？]重复单击“继续”或“取消”按钮会提示同一条消息。如果未填写，是否需要显示任何消息供个人输入？Sajeeb Ahamed，再次感谢！不！当我手动在任何单个字段中激活“仅检查”时，它会验证并提示消息此字段需要自动填充，而无需我在所有输入字段中都编码了所需标志的任何字段中进行操作。填写完所有必要的输入字段后，它将刷新到最上面的页面，而根本不发送。当我手动刷新时，它会提示以下有趣的消息[您正在查找输入的已用信息的页面。返回该页面可能会导致您重复执行任何操作。是否继续？]。有什么想法吗？谢谢你们，先生们，你们帮了大忙！。先生们，谢谢你们的大力帮助！。在多次尝试失败后，我用另一种方法进行了验证。我没有验证提交事件期间发生的事件，而是截取$contact-form.focusinfunction{…}中包含的每个输入字段$name.focusoutfunction{…}事件。它工作得非常出色。其实，正确的方式，应该是联合国提交的事件；因此，它没有提交相应的报告

<input type="text" id="username" name="username" required>