6.1.2.htm
来自「一部非常好的javaScript教程」· HTM 代码 · 共 23 行
HTM
23 行
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">表单处理</h2>
<p>当用户单击了表单中的提交按钮之后，用户在表单中填写或选择的内容将被传送到服务器端特定的程序（由 action 属性指定，通常是 CGI 程序或 ASP
程序等），由该程序进行具体的处理。对表单数据的处理通常包括三个部分：数据解码（即将浏览器传递来的信息以能够使用的方式进行解释），数据操作（对解释出的数据进行操作，例如根据特定关键字查询数据库等）和返回信息（通常是将数据操作的结果以网页的形式返回给浏览器）。由于本书不涉及服务器端编程，因此请读者参阅其他书籍以了解如何在服务器端进行表单处理。</p>
<p>
虽然最终的表单处理通常都需要服务器端的支持，但还是有一些工作可以由客户端脚本来做--最典型的一项工作就是表单验证。表单验证是指确定用户提交的表单数据是否合法，例如是否所有必须填的字段都填写了，某些字段是否按照要求（例如电子邮件地址中应包含
@ 字符）填写了等等。如果表单验证由服务器端程序来做，则会带来相应的网络开销和服务器开销，因为每次提交都需要与服务器端程序交互。如果能将表单验证工作放到客户端来做，由于相应的脚本已经随着网页下载到了客户端，因此可以大大减少各种开销，使得只有合法的表单数据才被提交到服务器。<p>
以下示例显示了如何进行客户端表单验证。
<p><a href="../src/tu6.3.htm" target="_blank">示例</a>
<p>由于在表单正式提交到服务器之前，需要 onSubmit 的值为 true（如果不设置事件处理函数，则该值默认为 true），因此可以通过为 onSubmit
事件指定处理函数来进行表单数据的验证。在本示例中，对于姓名和电子邮件地址，仅判断是否填写内容，如果没有填写则弹出对话框提示；对于身份证号，除了验证是否填写内容以外，还提供更进一步的验证--如果填写的数据不是由数字组成，或者数字少于
15 位，则将非法的身份证号用红色显示。当用户单击提交"按钮"后，即执行表单验证函数 validator()，如果有不合要求的数据，则无法提交表单 ；直到所有的数据都合法，才能将表单数据提交到 action 属性指定的 URL。
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?