表单也是对象；他们有自己的方法、属性及事件处理器。其中有一项就是onSubmit。
onSubmit的调用有以下两种情形：如果用户点击提交（Submit）按钮，或用户在文字域内按了回车键，则会触发onSubmit。
在Netscape中，点击一个没有结果事件处理的Submit按钮通常会导致刷新原有的页面。为了避免这种情况，你可以这样做：
<form onSubmit="return false;">
<input type="submit" value="Submit">
</form>
Javascript用return false阻止浏览器刷新页面。另一个例子是阻止一个href转向赋值的URL 。例如：链接
<a href="http://www.sohu.com" onClick="return false;">sohu!</a>
不会转向任何URL，因为你给onClick赋值为return false。
以下是一个从用户获取信息的表单。在文字域中输入一些内容然后按回车键:
Who does the monkey love:
以下是表单的编码：
<form name="text_entry_form" onSubmit="monkeyLove(); return false;">
<input type="text" name="monkey_love" size="40">
</form>
当你点击文字域中的回车时，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;
}
文章评论
共有 位脚本之家网友发表了评论我来说两句