Angularjs 页面加载时无法通过$invalid禁用提交按钮
我正在尝试使页面加载时的提交按钮无效,因为不在文本框中输入文本是无效的,但我的代码不起作用,请有人提供解决方案Angularjs 页面加载时无法通过$invalid禁用提交按钮,angularjs,Angularjs,我正在尝试使页面加载时的提交按钮无效,因为不在文本框中输入文本是无效的,但我的代码不起作用,请有人提供解决方案 <div id="reg_bground"> <div id="formdiv" ng-app="myApp" ng-controller="valCtrl"> <form name="myForm" novalidate> <div style="font-family:c
<div id="reg_bground">
<div id="formdiv" ng-app="myApp" ng-controller="valCtrl">
<form name="myForm" novalidate>
<div style="font-family:calibri; font-size:30px; font-weight:bolder;">
<span>Register:</span>
</div>
<div>
<span>Name:</span><br>
<input type="text" name="user" ng-model="user" required><br>
<p ng-show="myForm.user.$dirty && myForm.user.$invalid">*Please insert the name</p>
</div>
<input type="number">
<input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid">
</form>
</div>
</div>
登记册:
名称:
*请插入名称
字段内容有效
$invalid working当您输入的输入与您的模式不匹配时。
您必须使用$error.required实现目标
跟随将起作用
<div id="reg_bground">
<div id="formdiv" ng-app="myApp" ng-controller="valCtrl">
<form name="myForm" novalidate>
<div style="font-family:calibri; font-size:30px; font-
weight:bolder;">
<span>Register:</span>
</div>
<div>
<span>Name:</span><br>
<input type="text" name="user" ng-model="user" required><br>
<p ng-show="myForm.user.$dirty &&
myForm.user.$error.required">*Please insert the name</p>
</div>
<input type="number">
<input type="submit" ng-disabled="myForm.user.$dirty &&
myForm.user.$error.required">
</form>
</div>
登记册:
名称:
*请插入名称
您基本上是在提交按钮中检查禁用状态的$dirty
状态
<input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid">
删除提交按钮中的脏检查:
<input type="submit" ng-disabled=" ̶m̶y̶F̶o̶r̶m̶.̶u̶s̶e̶r̶.̶$̶d̶i̶r̶t̶y̶ ̶&̶&̶ ̶ myForm.user.$invalid">
您应该清楚地说明它是如何工作的。
<input type="submit" ng-disabled=" ̶m̶y̶F̶o̶r̶m̶.̶u̶s̶e̶r̶.̶$̶d̶i̶r̶t̶y̶ ̶&̶&̶ ̶ myForm.user.$invalid">