1. 程式人生 > >angularjs-表單與驗證-表單的巢狀及其宣告

angularjs-表單與驗證-表單的巢狀及其宣告

表單宣告:

<form name="myForm" ng-controller="myFormController"</form>

表單巢狀:
Angular中表單能夠巢狀的,瀏覽器實際不允許,所以Angular提供了ngForm指令。

<form name="outterForm">
  <ng-form name="innerForm">
    <!--宣告其為必填項 required必填-->
    <input type="text" ng-model="username" required/>
    <input
type="submit"/>
</ng-form> <!--宣告外圍表單的提交按鈕,驗證合法性--> <input type="submit" ng-disabled="!outterForm.$valid"/> </form>

提交表單:
form元素上新增ngSubmit指令並新增一個type為submit的input觸發提交行為

<form name="myForm" ng-submit="submit()">
  <input type="submit"/>
</form>