<分区>
我已经为我的问题创建了一个孤立的案例: http://plnkr.co/edit/6LXW5TG76LC9LNSrdpQC
这是孤立案例的代码:
<!DOCTYPE html>
<html ng-app="App">
<head></head>
<body ng-controller="ExampleController">
<form name="form" ng-submit="submit()" novalidate>
<input type="number" name="number" ng-model="number" required><br>
<span ng-show="form.number.$error.required && form.number.$touched">Required<br></span>
<span ng-show="form.number.$error.number">Not a number<br></span>
<input type="submit">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script>
var App = angular.module('App', []);
App.controller('ExampleController', function($scope) {
$scope.submit = function() {
alert('send to server: ' + $scope.number);
}
});
App.run();
</script>
</body>
</html>
基本上,该示例包含一个数字字段,其下方是显示输入无效(为空或不是数字)时的错误消息。
但是表单仍然会提交,虽然字段值在无效时被设置为'undefined',但我更喜欢在发送到服务器之前检查表单是否有效的方法(此中的警告框示例)。
所以我的问题是——在 AngularJS 中,有没有一种方法可以从 Controller 中检查表单是否有效?或者另一种防止表单无效时提交的方法?