Javascript 如果必填字段为空，则不要打开弹出窗口

我有一个联系表格，当你按下发送按钮时，会打开一个弹出窗口，要求确认阅读隐私政策。 目前，如果必填字段为空，表单不会发送任何内容，但会打开弹出窗口。 我需要防止弹出窗口打开，如果仍然有必填字段完成。 代码如下：

$'myCheck'。单击函数{ $this.toggleClasschecked； }; 功能${ $.fn.toggleDisabled=函数{ 返回this.eachfunction{ this.disabled=！this.disabled； }; }; }jQuery； $'.checkz'。单击函数{ $'invias'。切换已禁用； $'invias'。切换ClassActiv3； }; $.pex.click函数e{ e、 停止传播； }; 函数检查输入{ var isValid=true； $'input'。筛选“[必需]”。每个函数{ 如果$this.val=={ $'confirm'.prop'disabled'，true isValid=false； 返回false； } }; ifisValid{$'confirm'.prop'disabled'，false} 返回有效； } //根据输入是否已填充启用或禁用按钮 $'input'。筛选'[required]'。在'keyup'上，函数{ 检查输入 } 检查输入 .checkz{宽度：20px； 高度：20px； 背景：透明； 背景尺寸：包含； 边框：1px实心CCC； 边界半径：5px； 显示：内联块； 边缘底部：5px； 右边距：10px；} 因维亚斯{不透明度：0.5} .activ3{不透明度：1！重要} 弹出窗口{ 背景色：rgba 231135 74 0.85； 位置：固定； 身高：100%； 宽度：100%； 排名：0； 左：0； 右：0； 底部：0； z指数：199999999； 溢出：初始值； 过渡：所有.15秒轻松进出； } .pex{宽度：500px；填充：30px；背景：FFF；z索引：199999999；边距：10%自动0；文本对齐：居中；} .cst{显示：内联块； 文本对齐：左；} .选中{背景图像：urlhttps://image.flaticon.com/icons/png/512/3/3596.png} 按钮：禁用{不透明度：0.5！重要} 函数弹出窗口{ document.getElementByIdpopup.style=； } 波普班函数{ document.getElementByIdpopup.style.display=none； } 收货 如果将isValid设置为全局变量，则可以在启动popupshow方法之前使用它进行检查：

不过，您还需要调整checkInputs方法：

function checkInputs() {
  $('input').filter('[required]').each(function() {
    if ($(this).val() === '') {
      $('#confirm').prop('disabled', true)
      isValid = false;
    } else {
      isValid = true;
    }
  });
  if(isValid) {$('#confirm').prop('disabled', false)}
  return isValid;
}

---

它工作得很好！如果字段仍然为空，如何显示警告？您可以在checkInputs方法中检查哪些字段为空，然后在相关输入字段下方显示消息。

function checkInputs() {
  $('input').filter('[required]').each(function() {
    if ($(this).val() === '') {
      $('#confirm').prop('disabled', true)
      isValid = false;
    } else {
      isValid = true;
    }
  });
  if(isValid) {$('#confirm').prop('disabled', false)}
  return isValid;
}

function popupshow() {
    if(checkInputs()) document.getElementById("popup").style = "";
}