javascript - jQuery 检查是否填写必填字段的最佳方式

标签 javascript php jquery forms

我有一个巨大的表格,作为 ERP 的一部分,有很多巨大的表格,每个表格都有很多字段。

我现在正在尝试考虑创建一个关于如果 .required 字段为空的 jQuery ckecker 的更好方法,然后阻止该事件并显示错误消息。只有当所有这些 .required 字段都已填写时,提交按钮才会运行。

我确实知道如何解决这个问题,实际上并不难,但我觉得这种方法对于简单的表单、注册表等非常有用……但不适用于具有 700 多个字段的系统。我知道的一种方法是在 var fieldName = $(#fieldID').val(); 上设置每个字段的每个值,然后像这样:

if (fieldName == "") {
  $("label#name_error").show();
  $("input#name").focus();
  e.preventDefault();
}

这是非常正确的,但我想知道您是否知道一些优化此过程以避免生成数千个不必要的代码行的方法。

非常感谢。

最佳答案

在 focusout 上检查

$(':input[required=""],:input[required]').bind('focusout', function(){
     if ($(this).val() == ""){
         $(this).focus();
         //and show some error in whatever way you want 
    }
})

关于javascript - jQuery 检查是否填写必填字段的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21952060/

相关文章:

javascript - 如何用jquery调用文件输入点击?

jquery - 以 # 开头的文件名有问题

php - 如何从 PHP 获取我的 URL 的 "application root"?

javascript - 在 Bootstrap 4 表单中通过 AJAX 进行 PHP POST 的问题

javascript - React 教程中图像未加载

javascript - 动态调整网页大小

php - 如何在Wordpress中获取单个变量

php - 采用我当前的系统以包含实时通知

javascript - 什么是 node.js 的核心文件

javascript - colorbox IE 中的 google recaptcha 无法输入文本