JavaScript系列之检查 JavaScript 输入

ZDNet软件频道 时间:2004-05-12 作者:Builder.com |  我要评论()
本文关键词:javatips
由于JavaScript 是面向对象的,它将每种HTML 表单元素也就是按钮、选择框、文本域、甚至是表单本身都看作是包含自身数据的一个独立对象。
本文译自Builder.com,未经许可请勿转载

由于JavaScript 是面向对象的,它将每种HTML 表单元素——也就是按钮、选择框、文本域、甚至是表单本身——都看作是包含自身数据的一个独立对象。有了JavaScript,你就能在用户的计算机上,检查任何HTML 对象的数据,并根据结果做出决定。例如,运用域级的有效性检查(field-level validation,你能确保用户是否在一字段键入数字。

为了执行域级的有效性检查,你需要定义一个包含有效性检查逻辑的JavaScript 函数,然后在用户落下某个特定的HTML 域没有填写时(按键盘离开或是光标移开),就触发该项函数。一般来讲,这意味着使用一个onChange(可以检测出用户何时改变域)或是onBlur(检测用户何时离开、或是「模糊」某个特定域)这类与HTML 文本元素相关关的事件处理器,来调用你的函数。

为了显示这些是如何工作的,让我们先请用户挑选他们想赞助的新人才的个数。然后,我们将检查确认他们是否有键入了一个值。

首先,我们定义一个叫做exists() 的函数(即“用户的输入是否存在?”)。

function exists(userEntry, message) {

函数exists() 接受两个参数。第一个参数“userEntry(用户输入)”,代表需要验证是否存在的值。另外一个参数“message(信息)”,代表如果值不存在,要在屏幕上显示的错误信息。

然后,我们使用关键字var声明两个变量——一个叫做aCharExists,另一个叫做entry(输入)。

varaCharExists = 0; var entry = userEntry;

变量aCharExists是我们的是/否变量。如果用户确实输入了数据,我们就将变量的值设定为1,以代表“是”。要是用户没有输入数据,我们将变量数值保持原来的0,表示“否”。我们会将用户输入的任何字符保存在变量 entry 中。


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134