第五页：反馈表单处理器 ( )

表单也是对象；他们有自己的方法、属性、及事件
处理器。其中有一项就是onSubmit。

onSubmit的调用有以下两种情形：如果用户点击递 交（Submit）按钮，或用户在文字域内按了回车 键 。试着点击下面的Submit按钮看会发生什么情况。

在Netscape中，点击一个没有结果事件处理的 Submit 按钮通常会导致刷新原有的页面。为了避免这种情况，你可以这样做：

<form onSubmit="return false;">
<input type="submit" value="Submit">
</form>

试着点击下面的按钮:

Javascript用return false阻止浏览器刷新页面。
另一个例子是阻止一个href转向赋值的URL 。例
如：链接

<a href="http://www.yy0736.com/"
onClick="return false;">
mattmarg!</a>

不会转向任何URL，因为你给onClick赋值为return false。

以下是一个从用户获取信息的表单。在文字域中输入一些内容然后点击Return:

以下是表单的编码：

<form name="text_entry_form"
onSubmit="monkeyLove(); return false;">
Who does the monkey love:
<input type="text" name="monkey_love"
size="40">
</form>
当你点击文字域中的Return时，onSubmit处理器被
调用执行函数monkeyLove()，该函数将改变文字域
内的值。

如果onsubmit处理器中没有return false语句的
话，执行函数monkeyLove()会改变文字域内容，但
由于同时网页内容会被刷新，从而又会将文字域的
内容返回到原有的内容。为了阻止这种现象，就必
须在onSubmit中加入return false.

以下是monkeyLove() 函数的内容：

function monkeyLove()
{
var who_it_is =
window.document.text_entry_form.
monkey_love.value;
who_it_is =
'The monkey loves ' + who_it_is;
window.document.text_entry_form.m
onkey_love.value =who_it_is;
}

JavaScript教程
第一页 第五课课程介绍
第二页 介绍反馈表单
第三页 控制文字域的值
第四页 文字域事件
第五页 反馈表单处理器
第六页 文字域的练习
第七页 复选框
第八页 单选框
第九页 选单
第十页 在选单中应用onchange命令

[第1课][第2课][第3课][第4课][第5课]