подача угловой формы не проверка на валидацию формы
1 user3555971 [2016-02-18 22:00:00]
Когда я нажимаю кнопку "Отправить", форма отправляется вместо проверки на требуемые поля.
наценка
<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-controller="myCtrl">
<head>
<meta charset="UTF-8">
<title>HTML 5</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
</head>
<body>
<div id="container">
<p ng-show="msg"> {{ msg }}</p>
<form name="myForm" novalidate ng-submit="valid()">
<p> Name <input type="text" name="name" id="" ng-model="user.name" ng-required=true></p>
<p ng-show="myForm.name.$invalid && myForm.name.$touched">name is required</p>
<p> Email <input type="email" name="email" id="" ng-model="user.email" ng-required=true> </p>
<p ng-show="myForm.email.$invalid && myForm.email.$touched">must be a valid email</p>
<input type="submit" value="submit">
</form>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
$scope.valid = function() {
$scope.msg = "form submitted";
}
}]);
</script>
</body>
</html>
Любая помощь была бы оценена. благодаря
javascript angularjs forms
3 ответа
1 Решение Pankaj Parkar [2016-02-18 22:15:00]
Ниже приводится кратчайший способ вызова функции, если форма проверена, и будет активирована действительная function
только в том случае, если форма действительна.
ng-submit="myForm.$valid && valid()"
Или другим способом был бы проверить объект myForm
в $scope
, потому что, когда вы даете name="myForm"
в форме, угловой создает объект внутри области видимости, который имеет всю информацию информационного поля внутри этого объекта.
$scope.valid = function(){
if($scope.myForm.$valid){
//form is valid
//do $http.post call if you wanted to submit form data
}
else {
alert('form is invalid');//some how notify user that form is invalid.
}
}
0 vivek [2016-02-18 22:43:00]
Вы можете просто отключить кнопку отправки, используя:
ng-disabled="boolean expression"
в вашем случае это будет просто:
<input type="submit" value="submit" ng-disabled="!myForm.$valid">
0 Álvaro Touzón [2016-02-18 22:05:00]
Попробуйте поставить:
$scope.valid=function() {
if ($scope.myForm.isValid()) $scope.msg="form submitted";
else $scope.msg="form with errors";
}
Надеюсь, поможет