【问题标题】:Button type submit is not working in IE browsers按钮类型提交在 IE 浏览器中不起作用
【发布时间】:2013-12-19 21:32:24
【问题描述】:

我正在为我的应用程序编写 html5 代码,目前按钮类型的提交在 IE 浏览器中不起作用,请提供任何建议。

我的代码在这里:

<form id="rowform{{lrd.id}}" editable-form name="rowform" shown="lrd.isNew" onbeforesave="saveTable($data)"  ng-show="rowform.$visible" >
</form>

按钮在表单之外:

<button type="submit"  form="rowform{{selectedLrd.id}}" class="btn input-small btn-save" >Save</button>

【问题讨论】:

  • form 属性不受 IE 支持。要么将你的按钮放在表单中,要么为 IE 添加一个 javascript 事件处理程序。

标签: html internet-explorer angularjs


【解决方案1】:

建议您使用 ng-submit 或 ng-click 以程序特定的方式处理提交。

请看这里:Submitting a form and preventing the default action

我使用 ng-submit 使您的示例工作:http://jsfiddle.net/dakra/U3pVM/

<form id="rowform{{lrd.id}}" ng-submit="save()" editable-form name="rowform" shown="lrd.isNew" onbeforesave="saveTable($data)"  ng-show="rowform.$visible" ></form>

<button type="submit"  form="rowform{{selectedLrd.id}}" class="btn input-small btn-save" >Save</button>

【讨论】:

  • 已经完成了你的例子,但我想把输入标签放在表单之外而不是里面
  • 当我将输入标签放在表单之外时,看看这个小提琴,它将在 Chrome 中工作但在 IE 浏览器中不工作jsfiddle.net/premraj10/U3pVM/2431
  • 我们有一些限制,即“提交”按钮应该放在表单之外,因为我们使用同一个按钮来提交多个表单。
猜你喜欢
  • 1970-01-01
  • 2012-06-18
  • 1970-01-01
  • 1970-01-01
  • 2023-01-14
  • 1970-01-01
  • 2011-10-18
  • 2013-08-02
  • 2016-05-07
相关资源
最近更新 更多