超链接提交表单

最新推荐文章于 2018-04-09 15:14:23 发布

原创最新推荐文章于 2018-04-09 15:14:23 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #IE #浏览器 #ViewUI

javascript 专栏收录该内容

104 篇文章

订阅专栏

本文介绍了一种确保在不同浏览器中一致提交表单的方法。通过使用JavaScript来处理表单提交事件，可以解决在IE和其他浏览器之间的兼容性问题。文章提供了两种实现方案：一种是通过添加事件监听器并返回false来阻止默认行为；另一种是直接在a标签中使用JavaScript表达式调用表单的submit方法。

<form action="http://www.baidu.com/s" name="myform">
   <input type="text" name="wd"/>
   <input type="text" />
   <input type="submit" />
  </form>
  <a href="javascript:void(0)" id="ali">请求baidu</a>
  <script>
   document.getElementById('ali').onclick = function() {
    document.myform.submit();
    return false;
   };
  </script>

这样写，如果不加return false;则ie上不能提交表单，其他的浏览器可以。加上return false就都可以了。

<form action="http://www.baidu.com/s" name="myform">
   <input type="text" name="wd"/>
   <input type="text" />
   <input type="submit" />
  </form>
  <a href="javascript:document.myform.submit()" id="ali">请求baidu</a>

这样写所有的浏览器上都支持。