Question

我有以下表格..

<form name="myForm" novalidate>
    <label for="test_element">Test</label>
    <input required id="test_element" type="text" ng-model="ctrl.test"> 

    <button ng-click="ctrl.save(myForm.$valid)">
      Submit
    </button>
</form>

我在这里使用Dynamic Assessment Plugin：

https://chrome.google.com/webstore/detail/dynamic-assessment-plugin/aahpafpbmmgednbflpalchnlbicaeppi

该工具没有提供如何修复错误的很好的示例：

Submit buttons and image buttons allow users to explicitly request submission of the form and to control the change of context. Forms that are submitted by other mechanisms might change the user's context before they are ready, causing frustration or confusion.

最好的方法是什么？

我不想更改<button> - ＆gt; <input type="submit">因为处理提交的幕后代码有angularjs代码

Answer 1

我已经阅读了一些关于ng-submit的内容，这里是link。

我认为我们可以做到这样：

<form ng-submit="ctrl.save()">
    <input type="text" ng-model="ctrl.test">
    <input type="submit" value="Submit">
</form>

我希望文档可以帮助您：D

Answer 2

没有义务在表单中放置一个submit按钮。

您可以查看an example in the documentation stating:

最后，为了使表单可提交，我们使用button元素

没有input[type=submit]按钮。

你也可以完全没有button，例如form只包含复选框。

Answer 3

<button type="submit" ng-click="ctrl.save(myForm.$valid)">
  Submit
</button>

表单必须包含提交按钮或图像按钮

3 个答案: