IE6下如果是用<input type="submit"/>按钮,则能正常提交数据,若是通过JavaScript脚本:formElement.submit(),则会提交失败,网上提出了使用setTimeout()的办法来解决;
进一步深入发现, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线;看来是因为 ie6 执行默认动作引起来,目前两种解决方法:
第一种方法:
<a class="bt_3" style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>
这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。
另一种方法:
<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage();return false;">提交</a>
onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的
分享到:
相关推荐
3. `<a href="javascript:void(0)" onclick="something()">test 3</a>`:`void(0)`是一个无返回值的表达式,防止浏览器执行默认的`javascript:`伪协议。 4. `<a href="javascript: something()">test 4</a>`:尽管...
<input type="submit" value="上传" /> </form> ``` 注意,`enctype="multipart/form-data"`是必须的,用于支持文件上传。 2. **后台Action** 在Action类中,你需要添加三个属性:`uploadFiles`(接收文件对象...
有三种解决方法:1) 使用`<a href="javascript:void(0)" onclick="btnQuery();return false;">查询</a>`,并在事件处理函数中返回`false`阻止默认行为;2) 将`href`设为`#`或`###`,并在`onclick`中调用函数;3) ...
href属性用于指定链接的目标地址,而onclick属性则用于绑定一个事件处理器,当用户点击<a>标签时会触发相应的JavaScript代码执行。理解这两个属性的使用场景和区别,对于前端开发人员来说非常重要。 首先,href属性...
<li>密 码:<input type="password" name="pword" ng-model="pword" /></li> <li id="loginBtn"><input type="button" value="提交" ng-click="submit()" /> <input type="button" value="重置" ng-click=...
针对这种情况,解决办法是在a标签的href属性中添加"javascript:void(0);"或者"javascript:;",这样点击a标签时不会进行页面跳转,而是执行其中的JavaScript代码,从而避免中断表单的提交过程。 另一个需要关注的...