javascript - angularjs $valid not working on fields -
i new angularjs.
i have 2 buttons on form , 1 save , other test connection button.
<td align="left" colspan="0" > <input class="form-control" title="specifies ip address of sip trunk ethernet connection." placeholder="xxx.xxx.xxx.xxx" style="display: inline-block;display:block;white-space: nowrap;overflow: hidden;" type="text" name="pabxipaddress" id="pabxipaddress" ng-model="usersetup.pabxipaddress" required ng-pattern='patternpresent' > </td> <td> <span class="error" ng-show="(testipofficeflag || submitted) && usersetupform.pabxipaddress.$error.required"> <label style="color: red;">required!</label> </span> <span class="error" ng-show='(testipofficeflag || submitted) && usersetupform.pabxipaddress.$error.pattern'> <label style="color: red;">invalid ip address!</label> </span> </td>
now in js file when like, $scope.usersetup.pabxipaddress.$valid
dynamic testing gives me
typeerror: cannot read property '$valid' of undefined
when alert $scope.usersetup.pabxipaddress
displays data correctly.
how check whether individual field correct , passed constraints attached it.
the valid property not part of model value... try
$scope.usersetupform.postdail.$valid
where usersetupform
name of form , postdail
name of input
element.
var app = angular.module('my-app', [], function() { }) app.controller('appcontroller', function($scope) { $scope.check = function() { $scope.validity = { field1: $scope.myform.myfield1.$valid, field2: $scope.myform.myfield2.$valid, field3: $scope.myform.myfield3.$valid } }; })
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="my-app" ng-controller="appcontroller"> <form name="myform" novalidate> <div> <input type="number" name="myfield1" ng-model="formdata.myfield1" required class="numbers-only-for" minvalue="1" maxvalue="45"> </div> <div> <input type="text" name="myfield2" ng-model="formdata.myfield2" required> </div> <div> <input type="text" name="myfield3" ng-model="formdata.myfield3" required> </div> <button ng-click="check()">check</button> </form> <pre>{{formdata | json}}</pre> <pre>{{validity | json}}</pre> </div>
Comments
Post a Comment