Question

我目前的代码如下：

   <form name="home.forms.modal">
       ...
       <input ng-model="home.modal.data.text"></input>
       <input ng-class="{error: home.forms.modal.name.$error}"
              ng-model="home.modal.data.name"
              name="name"
              ng-minlength="5"
              ng-required="true" />
       ...
   </form>
   <button ng-disabled="home.forms.modal.$invalid"
           ng-click="home.modalSubmit(home.modal.data)">Submit</button>

我注意到最近有关表单消息的更改。我想知道的是AngularJS中有什么需要我使用表单元素。如果是这样，那我怎么能改变上面的代码，这样它只适用于DIV？

Answer 1

您可以在任何元素上使用ng-form属性

<div ng-form  name="home.forms.modal">
   ...
   <input ng-model="home.modal.data.text"></input>
    ...
 </div>
  <button ng-click="home.modalSubmit(home.modal.data)">Submit</button>

Answer 2

客户端上的验证是地狱的方式，你应该通过$ http的.error回调中的服务器获得验证错误，并将它们显示给客户端。

您可能需要使用带有此类指令的表单（如ui-mask）来获取正确的值。

Answer 3

使用表单标记在语法上是正确的，并且当您尝试将表单元素（输入/按钮/文本区域）放入页面而没有被表单标记包围时，某些浏览器（IE）无法正确显示内容。

我有什么理由需要使用

3 个答案: