Javascript “中的角度JS表单验证”；“我的应用程序”；应用_Javascript_Angularjs_Angularjs Scope_Angularjs Validation

Javascript “中的角度JS表单验证”；“我的应用程序”；应用

javascript angularjs

Javascript “中的角度JS表单验证”；“我的应用程序”；应用,javascript,angularjs,angularjs-scope,angularjs-validation,Javascript,Angularjs,Angularjs Scope,Angularjs Validation,我是AngularJS新手，尝试在“myApp”应用程序中实现表单验证。我写了下面的代码。{{result}}应该输出“true”/“false”。但它不起作用输入以下字段：结果是： {{result}} var-app=angular.module（“myApp”，[]）； app.controller（“myCtrl”，函数（$scope）{ $scope.result=myForm.myInput.$valid； }); 作为angularJS的新用户，您的方法在表单验证方面有多

我是AngularJS新手，尝试在“myApp”应用程序中实现表单验证。我写了下面的代码。{{result}}应该输出“true”/“false”。但它不起作用


输入以下字段：
结果是：
{{result}}
var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.result=myForm.myInput.$valid；
});

作为angularJS的新用户，您的方法在表单验证方面有多正确。将来您将学习angularJS的新版本和几种验证方法。下面的代码行是检查angularJS中有效输入的方法

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>  
<body ng-app="">

<p>Try writing in the input field:</p>

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The input's valid state is:</p>
<h1>{{myForm.myInput.$valid}}</h1>

</body>
</html>


尝试在输入字段中写入：
输入的有效状态为：
{{myForm.myInput.$valid}

你的方法是正确的。坚持下去，如果你能清楚地定义正确的问题，那就太好了。：）

干杯。

这一定是解决您问题的正确代码。如果您“观察”“输入字段”中的更改，则将生成$valid结果

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="MyController"> 
            <form name='myForm' novalidate>
            <p>Input the field: </p>
             <input type='text' ng-model='model.name' name='myInput' required/> 
            </form>
            <p> The result:</p>
            <p>{{myForm.myInput.$valid}}</p>
    <script> 
        var app = angular.module('myApp', []);
            app.controller('MyController',['$scope',function($scope) {
                $scope.$watch('myForm.myInput.$valid',function(newValue,oldvalue) {
                if(newValue) { 
                    //do anything with new value
                }
            });
        }]); 
    </script>
</body>
</html>


输入以下字段：
结果是：
{{myForm.myInput.$valid}
var-app=angular.module（'myApp'，[]）；
app.controller（'MyController'，['$scope'，函数（$scope）{
$scope.$watch（'myForm.myInput.$valid'，函数（newValue，oldvalue）{
if（newValue）{
//做任何有新价值的事情
}
});
}]);

希望这对您有所帮助。

您的问题是什么？您使用的是非常旧的AngularJs版本。我至少会升级到最新的稳定版本，因为任何响应都可能不兼容。谢谢。我还在W3学校看到了您提供的代码，我正在那里学习。我的代码基于此进行了一些更改。基本上，我想表达基于我的控制器的验证结果。（例如app.controller（“myCtrl”，function（$scope）{$scope.result=myForm.myInput.$valid；）你能指出我的代码哪里出错吗？谢谢你在编译和测试你的代码后对我以前的答案进行了更正。希望这会有所帮助。我认为没有“监视”除非您使用$dirty、ng change等，否则功能控制器不会收到任何响应信号。我明白了，谢谢