小编Dar*_*are的帖子

确认密码验证angularjs材料设计

我想使用angularjs在“确认密码”输入下显示错误,该输入应显示“密码不匹配”。

<form name="settingsForm" ng-submit="vm.login(vm.credentials)" novalidate>
    <md-input-container class="md-block" flex-gt-sm="">
        <label translate="MY_PROFILE_NEW_PASSWORD"></label>
        <input type="password" name="newPassword" id="password"
               ng-model="vm.newPassword" 
               required="" 
               ng-minlength="8"
               md-maxlength="40">
        <div ng-messages="settingsForm.newPassword.$error"
            role="alert" 
            multiple="">
            <div ng-message="required" 
                class="my-message" 
                translate="LOGIN_PASSWORD_INVALID">
            </div>
            <div ng-message="minlength" 
                class="my-message" 
                translate="MIN_8_CHARS">
            </div>
        </div>
    </md-input-container>
    <md-input-container class="md-block" flex-gt-sm="">
        <label translate="MY_PROFILE_CONFIRM_NEW_PASSWORD"></label>
        <input type="password" 
             name="confirmPassword" 
             id="confirmPassword"
             ng-model="vm.confirmPassword" 
             required=""
             confirm-password="vm.newPassword"
             ng-minlength="8"
             md-maxlength="40">
    <div ng-messages="settingsForm.$error.confirmPassword" 
    role="alert" multiple="" >
    <div ng-message="required" 
        class="my-message" 
        translate="LOGIN_PASSWORD_INVALID">
    </div>
    <div ng-message="minlength" 
        class="my-message" 
        translate="MIN_8_CHARS">
    </div>
</div>
<div ng-message="required" 
    class="my-message" 
    translate="LOGIN_PASSWORD_INVALID">
</div>
<div ng-message="confirm-password" 
    class="my-message"> 

    Passwords don't match.

    </div>
    </md-input-container>
    <md-button class="md-raised md-primary …
Run Code Online (Sandbox Code Playgroud)

passwords validation confirm angularjs material-design

2
推荐指数
1
解决办法
2929
查看次数