javascript - Angular form validation not working -


i new angular , trying build signup form, after looking @ tutorials built form, not validating.

here code using:

<div class="signup-cont cont form-container" ng-controller="signinsignupcontroller">     <form id="login-form" name="signupform"  ng-submit="submitform(signupform.$valid)" novalidate>         <div class="form-group" ng-class="{ 'has-error' : signupform.name.$invalid && !signupform.name.$pristine }">             <input type="name" name="name" id="usr-name" class="inpt form-control" placeholder="your name" ng-model="name" ng-required="true"/>             <label class="control-label" for="name">your name</label>             <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signupform.name.$invalid "></span>             <p ng-show="submitted && signupform.name.$invalid" class="help-block">you name required.</p>         </div>          <div class="form-group" ng-class="{ 'has-error has-feedback' : submitted && signupform.email.$invalid}">             <label class="control-label" for="email">your email</label>             <input type="email" name="email" class="inpt form-control" ng-model="email" placeholder="your email"  ng-required="true"/>             <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signupform.email.$invalid"></span>             <p ng-show="submitted && signupform.email.$invalid" class="help-block">enter valid email.</p>         </div>          <div class="form-group" ng-class="{ 'has-error has-feedback' : submitted && signupform.password.$invalid}">             <label class="control-label" for="password">your password</label>             <input type="password" name="password" class="inpt form-control" ng-model="password" placeholder="your password" ng-required="true"/>             <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signupform.password.$invalid"></span>             <p ng-show="submitted && signupform.password.$invalid" class="help-block">enter valid email.</p>         </div>          <div class="submit-wrap">         <input type="submit" class="form-control submit-signup btn btn-black-border btn-default" ng-disabled="signupform.$invalid" value="sign up"/>         <a href="#" class="more">terms , conditions</a>         </div>     </form> </div> 

can please me understand doing wrong.

change ng-model="name" ng-model="user.name", ng-model="password" ng-model="user.password" , ng-model="email" ng-model="user.email".

i have checked using plunker working fine.


Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -