Javascript 如果使用type=按钮，HTML 5验证将消失

我有这个表格（请注意，这只是表格的一部分，还有两部分）：

问题是我需要使用

input type=“button”

，如果我使用它，HTML5验证就会消失。我知道有一种黑客方法可以让它工作，但我对JS不是很在行，你必须在输入中使用“required”

您必须在输入中使用“必需”

---

按钮输入类型不会提交父窗体。您需要使用input type=“submit”。但是，使用一点Javascript，您应该能够实现所需的验证：

  document.querySelector('input[type=button]').onclick = function() {
       var i = document.querySelector(".custom");
       var f = document.getElementById("multiphase");
       if (i.checkValidity() == false) {
          f.innerHTML = f.innerHTML + i.validationMessage;
       } else {
          f.submit();
      }
  }

---

按钮输入类型不会提交父窗体。您需要使用input type=“submit”。但是，使用一点Javascript，您应该能够实现所需的验证：

  document.querySelector('input[type=button]').onclick = function() {
       var i = document.querySelector(".custom");
       var f = document.getElementById("multiphase");
       if (i.checkValidity() == false) {
          f.innerHTML = f.innerHTML + i.validationMessage;
       } else {
          f.submit();
      }
  }

---

我的输入中有必需的“”，没有引号，我的朋友。我希望这个例子能帮助你：我没有引号，只是在复制/粘贴引号的时候出现了。我的输入中有required=“”，没有引号，我的朋友。我希望这个例子能帮助你：我没有引号，只是在复制/粘贴时引号出现了。我对你的代码“UncaughtTypeError:Cannotsetproperty'onclick'of null”有一个问题。我在使用chrome，在这个例子中，alet出现了，但不是HTML5格式，如果我使用

window.onload=function（）{//your code}

未捕获的类型错误：无法设置null的属性'onclick'已消失，但该按钮不再工作。我已包装

window.onload=function（）{document.querySelector（'input[type=button'）。onclick=function（）{var i=document.querySelector（.custom”）；var f=document.getElementById（“multiphase”）；如果（i.checkValidity（）==false）{f.innerHTML=f.innerHTML+i.validationMessage；}}}}

现在警报正在工作，但它只是“提交”按钮下的一个txt，看起来您不需要自己使用CSS设置通知的样式。默认的HTML5输入通知只能在用户单击提交按钮时显示。我对您的代码“UncaughtTypeError:无法将属性'onclick'设置为null”有一个问题。我使用的是chrome，在这个示例中，alet会出现，但不会以HTML5格式显示，如果我使用

window.onload=function（）{//your code}

未捕获的类型错误：无法设置null的属性'onclick'已消失，但该按钮不再工作。我已包装

window.onload=function（）{document.querySelector（'input[type=button'）。onclick=function（）{var i=document.querySelector（.custom”）；var f=document.getElementById（“multiphase”）；如果（i.checkValidity（）==false）{f.innerHTML=f.innerHTML+i.validationMessage；}}}}

现在警报正在工作，但它只是“提交”按钮下的一个txt，看起来您不需要自己使用CSS设置通知的样式。默认HTML5输入通知只能在用户单击提交按钮时显示。

  document.querySelector('input[type=button]').onclick = function() {
       var i = document.querySelector(".custom");
       var f = document.getElementById("multiphase");
       if (i.checkValidity() == false) {
          f.innerHTML = f.innerHTML + i.validationMessage;
       } else {
          f.submit();
      }
  }