角輸入驗證工作不

<form name="LPform"> 
 
    <div class="form-row clearfix"> 
 
     <label class="lbl-fld" style="margin-left: 12%;">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true"/> 
 
     <div ng-show="LPform.uemail.$valid">Enter a valid email.</div> 
 
    </div> 
 
</form>

在這裏，我將驗證爲「電子郵件」，並試圖只有當用戶輸入無效的電子郵件顯示錯誤消息。但是這不起作用。

來源

2016-01-21 Dreamer

能否請你撥弄正確的角碼 –

對不起......沒有得到ü。我已經添加了控制器，並且頁面上的其他所有內容都正常工作。「LPform.uemail。$ valid」不起作用。我不確定是否需要在js文件中添加任何方法或變量 – Dreamer

我的意思是說，請分享整個HTML和JavaScript代碼。以便其他人可以幫助它。也可以在http://jsfiddle.net上小提琴 –

我想你想顯示錯誤消息，如果輸入無效如此

ng-show="!LPform.uemail.$valid"
你可能忘了將其綁定到一個範圍變量？導致它似乎工作正常。

function Ctrl($scope) { 
 
    $scope.useremail = ''; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="Ctrl"> 
 
    <form name="LPform"> 
 
     <div class="form-row clearfix"> 
 
     <label class="lbl-fld">Email ID</label> 
 
     <input class="mob-adj-inpbx" type="email" name="uemail" ng-model="useremail" placeholder=" [email protected]" ng-required="true" /> 
 
     <div style="font-size: 11px; color: red; margin: 5px 65px;" 
 
      ng-show="!LPform.uemail.$valid">Please enter a valid email.</div> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>

來源

2016-01-21 06:39:56 Daniel

感謝您的回覆。它工作正常與ng-show =「LPform.uemail。$ error.email」 – Dreamer

角輸入驗證工作不

回答

相關問題