时间戳

首页 > 解决方案 > AngularJS表单验证密码确认

angularjs - AngularJS表单验证密码确认

问题描述

我正在我的 Angular1x 应用程序中处理一个简单的用户注册表单。我想确保 'password' 和 'password_confirm 匹配。如果它们不匹配，表格应该是无效的。如果输入不匹配，我可以显示验证消息，但表单不是无效的，表示可以提交：

<div class="form-group input text required " ng-class="{'has-error': userRegister.$submitted && password !== password_confirm}">
     <input class="form-control" type="text" name="password_confirm" placeholder="Password Confirm" ng-model="password_confirm" equals="{{password}}" required="required" id="password-confirm" />
</div>

我尝试添加我读过的'equals'属性，但它再次不会使表单无效。

有任何想法吗？

标签： angularjs

解决方案

我创建了一个小小提琴，它可以用ng-pattern="(password)"所以第二个输入看起来像这样：

 <input class="form-control" type="text" name="password_confirm" placeholder="Password Confirm" ng-model="password_confirm" ng-pattern="(password)" required="required" id="password-confirm" />

推荐阅读