在提交之前使用javascript进行Html表单验证

时间:2018-02-18 20:14:26

标签: javascript html forms

我想要一个简单的程序,如果用户更新表单并且不超过8个租船人,则会显示警告。我试图使用" onformchange"功能等等,但我无法让它发挥作用。我听说过ajax,但不知道如何将它整合到我的问题中。任何帮助都会很棒。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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。