何一

何一的博客

他的个人主页  他的博客

form下表单ENTER自动提交探讨

何一  2010年01月12日 星期二 12:28 | 1939次浏览 | 0条评论

1.form表单回车后自动提交总结

        默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button

        一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框

       只要有type为submit的按钮存在,一个文本框还是多个文本框都提交

       多个文本框的时候,不提交,用type为button的按钮就行啦

       用button元素时,FX和IE下有不同的表现

        radio和checkbox在FX下也会触发提交表单,在IE下不会

        type为image的按钮,等同于type为submit的效

 

2. 如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。

        由于 onsubmit 句柄可以取消表单的提交,所以它对于进行表单验证是十分理想的;

        这样的话,修改form的onsubmit事件可以让敲入回车的时候执行我们想要的操作而不跳转到action所指定的url,如下:

        <form action="myurl" onSubmit="fun1();return false;">

        执行fun1后不会跳转,方便表单操作

3.使用onkeydown事件,如下:

        <input type="text"  onkeydown="if(event.keyCode==13){fun1();}"/>

        这样在文本输入框内输入文字后直接敲击回车,也会执行fun1函数

 

        有个疑问问下大家,onkeydown事件能为form或者div这样的元素注册吗,比如说

        <div onkeydown=" if(event.keyCode==13){fun1();} "></div>

        就是希望在焦点在div层的任何一个地方的时候,敲击回车活也执行fun1,而不是非要焦点在文本输入框的时候敲击回车才去执行fun1,那位清楚的探讨下,我试了下貌似不行

 

 

评论

我的评论:

发表评论

请 登录 后发表评论。还没有在Zeuux哲思注册吗?现在 注册 !

暂时没有评论

Zeuux © 2024

京ICP备05028076号