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
Post a Comment