angularjs-表单与验证-表单的嵌套及其声明

来源:互联网 发布:高中信息技术编程解答 编辑:程序博客网 时间:2024/06/02 18:44

表单声明:

<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>
0 0
原创粉丝点击