AngularJS表单验证用于密码确认

Question

我正在Angular1x应用程序中处理一个简单的用户注册表。我想确保"password"one_answers"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"属性，但它并没有使表单无效。

有什么想法吗？

Answer 1

我创建了一个小小提琴，它可以用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" />