我在验证空字段时遇到问题。当用户单击编辑按钮并清除输入字段然后单击发送按钮时,没有发生任何验证。我已经尝试过angularjs的表单验证,但它似乎无法正常工作。这是实时视图谢谢
http://jsfiddle.net/5DMjt/920/
function ClickToEditCtrl($scope) {
$scope.name = "joe Doe";
$scope.email = "joe@yahoo.com";
$scope.enableEditor = function () {
$scope.showEditor = true;
$scope.editName = $scope.name;
$scope.editEmail = $scope.email;
};
$scope.disableEditor = function () {
$scope.showEditor = false;
};
$scope.saveEditor = function () {
$scope.name = $scope.editName;
$scope.email = $scope.editEmail;
$scope.disableEditor();
};
}
答案 0 :(得分:2)
你的小提琴有很多问题。
首先,提交中使用的用于ngModelController的studentForm.name.$dirty
等范围属性不正确。
您的每个输入都应具有name
属性,以便我可以在表单控制器引用下的代码中引用。
其次,对于ng-disable,它应该是按钮或输入而不是div。
最后,您可以检查表单状态而不是所有输入状态。
请检查我的小提琴: http://jsfiddle.net/cmyworld/dxzeggtp/