2016-04-08 72 views
1

我在檢查密碼是否與確認密碼匹配時遇到問題。檢查密碼匹配時出錯

這是模態的形式供用戶輸入密碼

<div class="form-group has-feedback" ng-class="addUser.password.$valid ? 'has-success' : 'has-error';" ng-hide="hideField"> 
<label class="control-label" for="password">Password</label> 
    <input type="password" class="form-control" name="password" ng-model="user.password" required ng-minlength="8"> 
    <span class="glyphicon form-control-feedback" ng-class="addUser.password.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span> 
</div> 

<div class="form-group has-feedback" ng-class="addUser.confirmpassword.$valid ? 'has-success' : 'has-error';" ng-hide="hideField"> 
<label class="control-label" for="confirmpassword">Re-enter Password</label> 
    <input type="password" class="form-control" name="confirmpassword" ng-model="user.confirmpassword" required ng-minlength="8" > 
    <span class="glyphicon form-control-feedback" ng-class="addUser.confirmpassword.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span> 
</div> 

這個按鈕提交

<button type="submit" class="btn btn-primary btn-block" ng-disabled="!allowSubmit(addUser)" ng-click="add();">Save</button> 

我想那是什麼,提交表單前,密碼輸入該用戶必備與確認密碼匹配。我正在做這樣的事情。但它不會按照我的意願檢查密碼。感謝您的善意幫助。

$dialogScope.add = function() { 

if ($dialogScope.user.password != $dialogScope.user.confirmpassword) 
    { 
    dialogScope.errorMessage = "Password does not match!" 
    } 
+0

你可以分享可執行的演示/代碼片段或[jsfiddle](https://jsfiddle.net/)嗎? – Rayon

+0

http://plnkr.co/edit/rZNEqiDYmVJiC79txh4K?p=preview提供plunker鏈接@RayonDabre – sue

回答

0

父窗體上使用ng-submit="add()"並刪除ng-click="add();"從提交按鈕。

$dialogScope.add = function() { 
    if ($dialogScope.user.password != $dialogScope.user.confirmpassword) { 
     dialogScope.errorMessage = "Password does not match!"; 
     return false; 
    } 

    // Do what you want to do after for form submission 
}; 
+1

它的工作,但我仍然使用ng-click =「add();」。感謝您的親切幫助 – sue