Javascript实例教程(9) 检验表单有效性

新客网 XKER.COM 2006-07-15 来源： 收藏本文

利用Javascript表单的有效性检验

　　表单的有效性检验是JavaScript一个很有用的方面。它可以用于检查一个给定的表单以及发现表单中的任何问题，比如一个空白的输入框或者一个无效的E-mail（电子邮件）地址，然后它可以通知用户并且就不会将这些错误的表单传给服务器以节省时间。另外，除此以外，对表单标签的一些修改跟其它类型的脚本是类似的。以下的例子是一个简单的表单，如下面表单所示。你可以让名字的方框留空白或者输入一个电子邮件地址而没有@符号，即是输入错误的内容，看看JavaScript是进行表单的有效性检验的。

姓名：
电子邮箱：

　　结果你可以发现如果你忘记输入某一特定类型的数据到表单中去，它就会警告你并且取消提交给服务器。直到你键入了正确的信息，它才将表单发送给服务器。

　　下面我们来好好研究一下在Javascript中是如何进行表单的有效性检验的。其中在表单有效性检验中最重要的代码是在表单标签处的一个时间处理器，这个时间处理器（onSubmit）必须返回真值的时候才提交表单。以下是详细的表单代码：

<FORM

NAME = "theform"

ACTION = "mailto:"

METHOD = "POST"

ENCTYPE = "multipart/form-data"

onSubmit="return formCheck()">

当Submit（提交）按钮被按下的时候，这个时间处理器就被触发，它接着执行函数formCheck()，这个函数是用于检查表单中是否没有错误了。

[1] [2] [下一页]

共2页: 上一页 [1] [2] 下一页

• ·代码保留 IE8中如何添加Activity
• ·Firefox浏览器兼容JS脚本供参考
• ·Solaris Prom状态命令与参数
• ·用JavaScript刷新框架子页面的方法
• ·JavaScript/JS实现标题栏跑马灯
• ·用JS得到字符串中出现次数最多的字母
• ·JavaScript中split函数使用方法
• ·Javascript代码直接调用计算机中的程序
• ·JavaScript中small函数
• ·JavaScript静态页面值传递之Cookie篇
• ·Javascript的一种模块模式
• ·Javascript数组 sort方法的分析
• ·JavaScript技巧:让网页自动穿上外套
• ·JavaScript教程:框架的概念及如何访问
• ·Javascript 最简单检测网速的方法和应用
• ·用JScript.net写.net应用程序