AngularJS在模板上驗證

與NG秀跨度當輸入有效它不顯示

我有想法我在做什麼錯在這裏：

<form name="registerForm" class="js-validation-register form-horizontal push-50-t push-50"> 
    <div class="form-group"> 
     <div class="col-xs-12"> 
      <div class="form-material form-material-primary"> 
       <input class="form-control" type="text" id="username" name="username" placeholder="Please enter a username" ng-required="true"> 
       <label for="username"> 
        <span ng-show="registerForm.username.$valid" class="text-success"><i class="fa fa-check-circle"></i></span> 
        Username 
       </label> 
      </div> 
     </div> 
    </div> 
</form>

請你幫忙

來源

2016-12-14 Oz Bar-Shalom

你能不能給我們帶來什麼不工作或不表現爲您所期待的一些線索？ – Lex

對不起，剛剛編輯.. –

@ OzBar-Shalom你檢查了我的答案嗎？ –

你忘了在Y添加ng-model我們的投入。

工作演示：

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl',function($scope) { 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <form name="registerForm" class="js-validation-register form-horizontal push-50-t push-50"> 
 
    <div class="form-group"> 
 
     <div class="col-xs-12"> 
 
      <div class="form-material form-material-primary"> 
 
       <input class="form-control" type="text" id="username" name="username" placeholder="Please enter a username" ng-model="username" ng-required="true"> 
 
       <label for="username"> 
 
        <span ng-show="registerForm.username.$valid" class="text-success">username is valid</span> 
 
        Username 
 
       </label> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</form> 
 
</div>

來源

2016-12-14 20:22:30

您需要到NG-模式添加到您的輸入

<input class="form-control" ng-modal="modal" type="text" id="username" name="username"placeholder="Please enter a username" ng-required="true">

來源

2016-12-14 18:43:07 sandyJoshi

AngularJS在模板上驗證

回答

相關問題