如何使用控制器在angularjs中验证表单

-3

我想知道如何使用控制器验证angularjs中的表单吗？如何使用控制器在angularjs中验证表单

en$scope.saveDetail = function() { 

    if ($scope.register.Name == "") { 
     alert("Pls fill register Name"); 
     return false; 
    } 
    if ($scope.register.Address == "") { 
     alert("Pls fill Address"); 
     return false; 
    } 
    if ($scope.register.Email == "") { 
     alert("Pls fill Email"); 
     return false; 
    } 
    if ($scope.register.Password == "") { 
     alert("Pls fill Password"); 
     return false; 
    } 
    if ($scope.register.Number == "") { 
     alert("Pls fill 10 digit Number"); 
     return false; 
    } 

    $localStorage.myRegisterDetail = $scope.register; 
    alert("Your records save successfully"); 
    $state.go("app.login"); 

};

现在我想添加密码设置最小和最大长度的代码。我该怎么做？

来源

2017-03-02 Wolverine Sucks

这个问题实在是太一般了...在谷歌一个简单的搜索会显示你：HTTPS：//docs.angularjs.org/guide/forms ...下次尝试更具体。 – ssougnez

@ssougnez是对的。这是最常见的角度用例之一。在Google上搜索'angular Form validation'或在SO上搜索。顺便说一句，金刚狼不吸！ – Ladmerc

如果你想使用基本功能的自定义验证，我建议你在角度函数中使用相同的JQuery/Javascript。

注意： - 这是一个angular1的例子。我还没有读到有关angular2的更多信息，因此答案可能会有所不同。

样品溶液： -

en$scope.saveDetail = function() { 
    var validationError = false; 
    if ($scope.register.Name == "") { 
     alert("Pls fill register Name"); 
     validationError = true; 
    } 

    if(!validationError) { 
     if ($scope.register.Address == "") { 
      alert("Pls fill Address"); 
      validationError = true; 
     } 
    } 
    if(!validationError) { 
     if ($scope.register.Email == "") { 
      alert("Pls fill Email"); 
      validationError = true; 
     } 
    } 

    if(!validationError) { 
     if ($scope.register.Password == "") { 
      alert("Pls fill Password"); 
      validationError = true; 
     } 
    } 

    if(!validationError) { 
     if ($scope.register.Number == "") { 
      alert("Pls fill 10 digit Number"); 
      validationError = true; 
     } 
    }  

    if(!validationError) { 
     $localStorage.myRegisterDetail = $scope.register; 
     alert("Your records save successfully"); 
     $state.go("app.login"); 
    } 
};

来源

2017-03-02 08:10:35 Sagar

@WolverineSucks不知道是否有帮助，但这里有一个类似的问题[http://stackoverflow.com/questions/30049938/angularjs-controller-as-and-form-valid?rq=1] – Sagar

非常感谢，但我的验证是不工作 –

嗨。对不起，但我的代码有一个小错误。也请提交您的代码，以便我们可以尝试找到它中的错误。 – Sagar

如何使用控制器在angularjs中验证表单

回答

相关问题