gpt4 book ai didi

javascript - "myApp"应用程序中的 Angular JS 表单验证。

转载 作者:行者123 更新时间:2023-11-29 21:01:15 24 4
gpt4 key购买 nike

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<form name = "myForm">
<p>Input the field: </p>
<input type = "text" name="myInput" ng-model = "myInput" required>
</form>
<p> The result:</p>
<p>{{result}}</p>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope){
$scope.result = myForm.myInput.$valid;
});
</script>
</body>

最佳答案

这必须是您问题的正确代码。如果您“观察”“输入字段”中的变化,则会生成 $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>

希望对您有所帮助。

关于javascript - "myApp"应用程序中的 Angular JS 表单验证。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46370236/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com