提交之前,请使用JavaScript进行HTML表单验证



我想要一个简单的程序,如果用户更新表单并且不超过8个包机,则显示警报。我已经尝试尝试使用" OnFormChange"功能等方面的工具,但是我无法正常工作。我听说过Ajax,但不知道如何将其整合到我的问题中。任何帮助都会很棒。

请使用以下指南验证您的表格:W3Schools

document.getElementById("submit").onclick = function() {
  document.getElementById("output").innerHTML = "";
  if (document.getElementById("input").value.length < 8) {
    document.getElementById("output").innerHTML = "input too short";
  }
}
document.getElementById("input").onkeydown = function() {
  document.getElementById("output").innerHTML = "";
  if (document.getElementById("input").value.length < 8) {
    document.getElementById("output").innerHTML = "input too short";
  }
}
<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <input type="text" placeholder="some text" id="input">
        <input type="button" onclick="click()" value="submit" id="submit">
        <p id="output"></p>
    </body>
</html>

这将起作用,请确保更改ID。

最新更新