angularjs单击以编辑并进行验证

时间:2015-03-16 02:53:13

标签: angularjs angularjs-ng-click angularjs-validation

我在验证空字段时遇到问题。当用户单击编辑按钮并清除输入字段然后单击发送按钮时,没有发生任何验证。我已经尝试过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();
};

}

1 个答案:

答案 0 :(得分:2)

你的小提琴有很多问题。

首先,提交中使用的用于ngModelController的studentForm.name.$dirty等范围属性不正确。

您的每个输入都应具有name属性,以便我可以在表单控制器引用下的代码中引用。

其次,对于ng-disable,它应该是按钮或输入而不是div。

最后,您可以检查表单状态而不是所有输入状态。

请检查我的小提琴: http://jsfiddle.net/cmyworld/dxzeggtp/