《WEB程序设计与应用》网络教学平台

经过以上学习，在这里我们利用已学的知识作个简单的客户端验证，用于验证用户在表单中输入数据的合法性，这里所指的对数据进行合法性验证是指在数据发送到服务器端的应用程序之前来进行。
实例2-21：简单的客户端验证程序
<html>
<head>
<title>验证</title>
<script language="VBScript">
Sub Submit_OnClick
Dim TheForm
Set TheForm = Document.ValidForm
If IsNumeric(TheForm.Text1.Value) Then
If TheForm.Text1.Value < 1 Or TheForm.Text1.Value > 10 Then
MsgBox "请输入一个 1 到 10 之间的数字。"
Else
MsgBox "谢谢。"
End If
Else
MsgBox "请输入一个数字。"
End If
End Sub
</script>
</head>
<body>
<h3>验证</h3><hr>
<form name="ValidForm">
请输入一个 1 到 10 之间的数字：
<input name="text1" type="text" size="2">
<input name="submit" type="button" value="提交">
</form>
</body>
</html>
点击浏览效果（注意：分别验证输入结果正确和输入结果错误的情况)。
说明：
▲ 这是一个简单的客户端验证的范例。HTML 代码的描述是一个文本框和一个按钮。
▲ 要使用文本框的 Value 属性，代码必须引用文本框的名称。每次引用文本框时都应写出全称，即 Document.ValidForm.Text1。但是，当多次引用窗体控件时，可以按照以下步骤操作：首先声明一个变量，然后使用 Set 语句将窗体 Document.ValidForm 赋给变量 TheForm，这样就能使用 TheForm.Text1 引用文本框。常规的赋值语句（例如 Dim）在这里无效，必须使用 Set 来保持对对象的引用。
▲ 请注意以上范例直接检测输入值是否是一个数字，使用 IsNumeric 函数确定文本框中的字符串是否是一个数字。虽然 VBScript 能够自动转换字符串和数字，但检测用户输入值的数据子类型，并且在必要时使用转换函数始终是一个好的习惯。在用文本框的 Value 属性进行加法运算时，应将它显式地转换为数字，这是因为加号 (+) 操作符不但可进行加法操作，而且可进行字符串连接操作。
▲ 本范例使用的是普通按钮控件。如果使用 Submit 控件，所有数据都会被立即传送到服务器，范例将不会对输入数据进行检查。避免使用 Submit 控件，可以使你检查数据，但不能向服务器提交数据。
上例中，如果要提交数据则需要再添加一行代码，如下所示：
<SCRIPT LANGUAGE="VBScript">

</SCRIPT>
说明：
在数据输入正确时，代码调用窗体对象的 Submit 方法，将数据传递到服务器。除非在数据被传递到服务器之前判断其正误，否则服务器将处理数据，而不论其正确与否。
我们在这里对VBScript作了一个比较详细的介绍。常用的脚本除了VBScript还有JacaScript，但VBScript是ASP的默认语言，所以我们在这里选择介绍VBScript，其实VBScript与JavaScript语法上有很多相似之处，掌握了VBScript后，如果需要学习JavaScript则是件相对容易的事情。
现在我们对ASP的相关知识作了介绍，并且介绍了ASP的默认脚本语言VBScript，接下来我们就正式介绍常用的动态Web技术ASP。

实训作业：

编写一个用户输入自己的姓名和年龄的表单。表单输入要进行有效性验证，验证姓名输入必须为字符串，

验证年龄输入必须为数字，并且检查两项输入不允许为空，如果输入错误将弹出一消息框提醒用户。

本章小结：

本章主要介绍了VBScript，介绍了VBScript的基本概念和特点，VBScript 的数据类型、变量及常量，VBScript 的条件语句和循环语句，VBScript 中过程与函数，本章最后简要介绍了对象的概念以及VBScript中窗口对象和文档对象的使用。

备注：

在客户端验证用户在表单中输入数据的合法性，这是表单制作中经常需要做的设计。

~ 江西信息应用技术职业学院信息技术系制作 ~

E-Mail:lxlz2050@163.net Tel:0791-5275546