AngularJs 表单提交按钮状态

时间:2021-02-04 07:48:42

表单属性:

$invalid:未经过验证的表单,就是表单里面信息通过验证就为false,没有通过为true

$valid:经过验证的表单,表单里信息验证通过为true,反之为false

$dirty:修改的表单,就是表单的信息经过修改的为true,反之为false

一般表单验证是否通过用

          <input type="submit" class="am-btn am-btn-primary" value="提交" ng-disabled="!TextNewsDetail.$dirty||TextNewsDetail.$invalid" ng-click="submit()"  />

要提交按钮,必须disabled为false,要求与的所有参数都为false

如果嵌入一个判断条件,如果在表单里面嵌入一个Controller,

AngularJs 表单提交按钮状态

要求它内部的控件跟表单的控件一下可以看是否通过验证,修改来控制按钮是否可用

自己在表单域里面定义一个变量VoteEnable

ng-disabled="!(TextNewsDetail.$dirty &&VoteEnable)||TextNewsDetail.$invalid"

当嵌入域里面的值发生改变或者表单内信息发生改变