如何使用javascript验证jsp表单（提交时）中的多个文本框？

请原谅这个简单的问题。我有一个

JSP

，其中我有几个表单，每个表单都由多个文本框组成，这些文本框采用不同类型的文本（例如日期、名称、余额）。如何让用户填写字段，然后只提交给服务器？是否可以只使用一个

js

函数？

注意：这个答案不使用任何JSP或JavaScript，因为在HTML5中这不再是必需的

您可以在输入上使用HTML5的

required

属性，然后通过

：invalid

CSS伪类让用户知道输入没有正确填写。它看起来像这样：

HTML：

<form id="myForm" action="#">
    <label>Date: <input type="date" name="date" required></label>
    <br>
    <label>Name: <input type="text" name="firstname" required></label>
        <input type="text" name="lastname" required>
    <br>
    <label>Balance: <input type="number" name="balance" required></label>
    <br>
    <button>Submit</button>
</form>

#myForm input:valid {
    background:#AFA;
}
#myForm input:invalid {
    background:#FAA;
}

额外信息

• 有关输入类型的完整列表（如上面列出的类型，也包括

  电子邮件

  或

  复选框

  ）请参阅或
• 有关

  ：valid

  和

  ：invalid

  的跨浏览器兼容性的更多信息，请参阅和上的MDN

笔记

• 这些特定的输入类型还将限制或简化用户的输入。

  number

  输入将限制仅输入数字（否则将阻止提交表单），而

  date

  输入将向用户说明应如何输入日期。两者都将简化向这些输入输入信息的过程
• 请注意，旧浏览器并不支持所有这些功能，它们通常默认为纯文本输入。有关浏览器支持的完整详细信息，请参见和
• 永远不要只依赖客户端验证。在客户端修改表单非常容易，这可能导致错误。始终验证服务器上的输入是否正确

---

如何居中？您可以将整个输入格式放在表格中，如。在CSS代码中，您将看到一些将标签与彼此相对的中心对齐的代码，但是如果需要，您也可以对它们应用其他样式，或者完全禁用该代码。