Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 页面加载时无法通过$invalid禁用提交按钮_Angularjs - Fatal编程技术网

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">