在前端开发中，表单是最常见的用户输入控件之一。对于一个网站或应用程序而言，表单的验证和检查非常重要。如果我们不对表单进行正确的验证和检查，那么用户可能会提交不合法的数据，从而导致系统崩溃或者运行异常。
下面将介绍如何使用 JavaScript 对表单进行检查和验证。
1. 表单基础知识
在 HTML 中，我们可以使用 <form> 元素来创建表单，以便让用户输入数据。表单通常包含多个输入控件，例如文本框、单选按钮、多选框等。每个输入控件都有一个名字和一个值，这些信息将被发送到服务器上。
在提交表单之前，我们需要确保用户输入的数据是合法的。这些数据可能会在后台被进一步处理或存储，因此必须保证其完整性和正确性。
2. 检查表单的方法
在 JavaScript 中，可以通过访问表单元素的属性和方法来检查表单。以下是一些常用的方法：
2.1 获取表单元素
要获取表单元素，我们可以使用 document.forms 属性。该属性返回一个 HTMLCollection 对象，其中包含页面中所有表单的引用。可以通过索引或名称来选择特定的表单。
例如，以下代码获取名为“myForm”的表单：
var form = document.forms["myForm"];
2.2 获取表单控件的值
要获取表单控件的值，我们可以使用 element.value 属性。该属性返回表单控件的当前值。
例如，以下代码获取名为“username”的文本框的值：
var username = form.elements["username"].value;
2.3 检查表单控件是否为空
要检查表单控件是否为空，我们可以使用 element.value.length 属性。如果该属性的值为 0，则表示输入为空。
例如，以下代码检查名为“username”的文本框是否为空：
if (form.elements["username"].value.length == 0) {
alert("Please enter your username.");
}2.4 检查表单控件的格式
要检查表单控件的格式，我们可以使用正则表达式。正则表达式是一种用于匹配字符串模式的语言。可以使用它来验证用户输入的数据是否符合所需的格式。
例如，以下代码使用正则表达式来检查电子邮件地址的格式：
var email = form.elements["email"].value;
var emailPattern = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
if (!emailPattern.test(email)) {
alert("Please enter a valid email address.");
}3. 示例代码
下面是一个完整的表单验证示例：
-- -------------------- ---- -------
--------- -----
------
------
----------- ------------------
----- ----------------
-------
------
----- ------------- ---------- --------------
-----
------ --------------------------------
------ ----------- --------------- --------------
------
-----
------ --------------------------
------ ----------- ------------ -----------
------
-----
------ --------------------------------
------ --------------- --------------- --------------
------
-----
------- -----------------------------
------
-------
--------
--- ---- - -------------------------
------------- - ---------- -
--- -------- - --------------------------------
--- ----- - -----------------------------
--- -------- - --------------------------------
-- ---------------- -- -
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------