JavaScript入门教程:Form对象onsubmit事件与用户验证

需积分: 0 1 下载量 66 浏览量 更新于2024-08-18 收藏 995KB PPT 举报
"Form对象-onsubmit事件-javascript" 在网页编程中,JavaScript 是一种至关重要的脚本语言,它主要用于实现网页的动态效果和交互性。本文档主要讲解了JavaScript中的`onsubmit`事件以及如何在HTML表单中使用它来进行用户输入的验证。 `onsubmit`事件是HTML `<form>`元素的一个特性,它会在用户尝试提交表单时触发。通过在`<form>`标签中设置`onsubmit`属性,可以指定一个JavaScript函数,该函数会在表单提交前被调用。这样,开发者可以在用户提交数据前进行验证,确保输入的数据满足预设的条件。如果验证失败,可以通过返回`false`来阻止表单的正常提交。 在提供的代码示例中,有一个简单的HTML表单,包含一个用于输入会员号码的文本框和一个提交按钮。当用户点击提交按钮时,`onsubmit`事件触发,调用名为`dosubmit`的JavaScript函数。 ```html <form name=form1 target="_blank" method=post onsubmit="return dosubmit(this)"> 会员号码(6位数字):<input type=text name=mem_id> <input type=submit name=submit1 value="递交"> </form> ``` `dosubmit`函数首先检查会员号码的长度是否为6位。如果不是,会弹出警告并返回`false`阻止表单提交。然后,函数通过遍历输入值的每个字符,检查是否都为数字。如果有非数字字符,也会弹出警告并返回`false`。只有当输入值既满足长度要求,又全部由数字组成时,函数才会让表单正常提交。 JavaScript的作用远不止于此,它可以实现丰富的用户界面效果,如下拉菜单、用户验证、滚动文字和图片等。此外,JavaScript还可以与服务器端语言如PHP配合,构建复杂的应用,如地名查询系统。 JavaScript与Java虽然名字相似,但它们是由不同公司开发的完全不同的语言。Java是由SUN公司开发的一种面向对象的服务器端语言,常用于数据库交互和Web应用开发。而JavaScript是Netscape公司的产品,是一种客户端的解释型脚本语言,由浏览器解析执行。 在HTML中嵌入JavaScript有多种方式。一种是直接在HTML文件中使用`<script>`标签,另一种是链接到外部的`.js`文件。使用外部文件的好处包括代码重用和提高加载效率。此外,JavaScript错误调试通常通过浏览器的开发者工具进行,如Firefox的Firebug或IE的内置错误提示。 JavaScript的基本语法包括标识符规则、运算符、流程控制语句(如条件语句和循环)、函数定义、对象操作以及数组处理等。了解这些基本概念是编写JavaScript程序的基础。 `onsubmit`事件是JavaScript实现表单验证的重要手段,它结合JavaScript的其他功能,可以创建出高度互动和用户体验良好的网页应用。