第5页：表单处理器
作者：Thau!
  • 　
表单也是对象；他们有自己的方法、属性、及事件
处理器。其中有一项就是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.mattmarg.com/" 
onClick="return false;">mattmarg!</a>
不会转向任何URL，因为你给onClick赋值为return
false。

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

Who does the monkey love:

以下是表单的编码：

 
<form name="text_entry_form" 
onSubmit="monkeyLove(); return false;">

<b>Who does the monkey love: </b>

<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.monkey_love.value =
 who_it_is;

}
下面这个例子中没有加入return false，你将看到会发生
什么情况：

Who does the monkey love:

　

第1页：第5日课程介绍
第2页：介绍反馈表单
第3页：控制文字域的值
第4页：文字域事件
第5页：反馈表单处理器
第6页：文字域的练习
第7页：复选框
第8页：单选框
第9页：选单
第10页：在选单中应用onchange命令