angularjs-validation

I want to check if a form is valid inside an angular controller. This seems straightforward when using $scope, but I can't get it to work with the 'controller as' syntax. When I attempt to access form.$valid I get the error message "Cannot read property '$valid' of undefined" . plunkr: http://plnkr.co/edit/w54i1bZVD8UMhxB4L2JX?p=preview HTML <div ng-app="demoControllerAs" ng-controller="MainController as main"> <form name="contactForm" novalidate> <p> <label>Email</label> <input type="email" name="email" ng-model="main.email" required /> </p> <p> <label>Message</label> <textarea name="message"

I am trying to use a kendo numeric text box with angular validation (ng-required) however I'm not able to get it working. The ng-required attribute on this element has no effect on the form validation status. From my understanding, the reason why this doesn't work is because kendo numeric text box uses k-ng-model to store it's value, whereas the angular validation works only with ng-model. Has anyone else seen this issue, are there any workarounds? I have found a workaround that involves using the kendo-numeric-text-box along with a hidden input field which makes use of ng-model. <input data

FIDDLE How can i count the number of errors made on form ? HTML <div ng-show="form.$submitted && form.$invalid"> Sorry but 3 errors have been made. </div> One way you could do this by using the specific count of a specific error criteria, required , pattern etc.. that are available as a part of form's $error[prop] array. In your case you could try using form.$error.required.length :- <div ng-show="form.$submitted && form.$invalid"> Sorry but {{form.$error.required.length}} errors have been made. </div> Demo You could add a function on the controller which can determine the number of errors on

Following is my code snippet. I want to validate my dropdown using angular. <td align="left" width="52%"> <span class="requiredSmall">*</span> <select class="Sitedropdown" style="width: 220px;" ng-model="selectedSpecimen().serviceID" ng-options="service.ServiceID as service.ServiceName for service in services"> <option value="" ng-selected="selected">Select Service</option> </select> </td> Valid means: Valid values can be anything but "Select Service", it is my default value. Like other ASP.net Require field validator DefaultValue="0" for dropdown, so here My dropdown will be bound from the

Want to set phone-number to 10 digits, How can I do this using Angular js. This is what I have tried: <form class="form-horizontal" role="form" method="post" name="registration" novalidate> <div class="form-group" ng-class="{'has-error': registration.phone.$error.number}"> <label for="inputPhone" class="col-sm-3 control-label">Phone :</label> <div class="col-sm-9"> <input type="number" class="form-control" ng-minlength="10" ng-maxlength="10" id="inputPhone" name="phone" placeholder="Phone" ng-model="user.phone" ng-required="true"> <span class="help-block" ng-show="registration.phone.$error

I use ng-pattern="/0-9/" to set price_field do not accept decimal number . But when I input natural number (from 0 to 9999999), ng-show gets activated with Not valid number! . Where did I go wrong?. Please help. <form name="myform" data-ng-submit="create()"> <input type="number" name="price_field" data-ng-model="price" require ng-pattern="/0-9/" <span ng-show="myform.price_field.$error.pattern">Not valid number!</span> <input type="submit" class="btn"> </form> Chickenrice The problem is that your REGX pattern will only match the input "0-9". To meet your requirement (0-9999999), you should