如何在单个页面上检查多个表单上的必填字段?

时间:2016-12-06 19:47:43

标签: javascript jquery html5 forms css3

我有一个包含以下内容的页面:

<!DOCTYPE html>
    <html>
        <body>

        <form action="demo_form.asp">
          Username: <input type="text" name="usrname" required>
        </form>

        <div class="map"></div>
        <div><p>Some content to explain some things</p></div

        <form action="demo_form.asp">
          Username: <input type="text" name="lastusrname" required>
          <input type="submit">
        </form>

        <p><strong>Note:</strong> The required attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

    </body>
</html>

单击“提交”时,它仅检查包含输入提交的第二个表单。我假设我需要编写一些JQuery或Javascript函数来检查是否填写了所有必填字段?

两种形式的原因是我在表单之间有其他html

1 个答案:

答案 0 :(得分:2)

  

两种形式的原因是我在表单之间有其他html

可以在表单中嵌入其他HTML - 试试吧。存在两个FORM元素会破坏您的表单提交。