« 30岁前奋斗,很辛苦;30岁后奋斗,更辛苦 | 首 页 | 失眠 »

2007 年 08 月 07 日

麻烦的 Javascript 的 Submit 功能

| 分类: 电脑技术 Tech. |

想实现的功能:

防止多次按下“提交”。即按下“提交”按钮后,这个按钮变为无效,并且提交表单。
环境:
需要在 Firefox 和 IE6.0 和 7.0 里面实现。
解决方案:
<form action="./index.php" method="post" name="userinfo" id="userinfo">
<input name="Submit" type="submit" id="Submit" value="提交" onclick="this.disabled=true; document.all.userinfo.submit(); " />
</form>
  • 注意问题:
    1. 提交按钮的name 和 id 必须为小写 submit 以外的名字,如果命名为小写 "submit" 将使提交失败。

    2. 如果将提交按钮的 type 变成 button ,只会在 IE 中成功,Firefox 中会失败。

    3. document.all.userinfo.submit(); 是使用 id="userinfo" 来识别表单,另外一种方法是 document.forms.userinfo.submit(); ,这将使用 name="userinfo" 来识别表单。


    (END)

    引用

    引用本文的 URL:
    http://weblog.kreny.com/cgi-bin/mt/mt-tb.cgi/267.

    评论 (1 条)

    travl:

    travl
    2007年08月11日 20:01


    不错

    发表评论

    (如果您还为在此成功留言,也许是因为需要管理员逐一审核留言内容后放可看到您的评论。请稍后并感谢您的耐心等待。)

    阅览更多文章请访问 首页过去的存档