javascript - Why ng-show is not working properly? -
i developing web application using asp.net mvc 5 , angularjs. im wondering why ng-show not working or not showing message.
angularjs code:
vm.checkemailformat = function () { var email = $(".pv-company-email").val(); var regex = /^[\w-]+(\.[\w-]+)*@([a-z0-9-]+(\.[a-z0-9-]+)*?\.[a-z]{2,6}|(\d{1,3}\.){3}\d{1,3})(:\d{4})?$/i; vm.validemailformat = (regex.test(email)); if (vm.validemailformat) { vm.pagevalidated = true; } else { vm.pagevalidated = false; } } view code:
<div class="row"> <div class="col-md-3 settings-padding"><span class="textdescription"><strong>email address</strong></span></div> <div class="col-md-6 settings-padding"> <input type="text" ng-model="vm.organisation.email" ng-blur="vm.checkisemailblank()" ng-keyup="vm.checkemailformat()" placeholder="email" class="form-control comp pv-company-email" style="max-width:420px;" maxlength="250" /> </div> <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="!vm.validemailformat"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> invalid email format.</span> </div> @* <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="vm.isemailempty"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> email required.</span> </div> <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="vm.validemaillength"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> must 50 characters long only.</span> </div>*@ </div>
in view have use <input type="text" ng-model="controlleralisename.organisation.email" ng-blur="controlleralisename.checkisemailblank()" ng-keyup="controlleralisename.checkemailformat()" placeholder="email" class="form-control comp pv-company-email" style="max-width:420px;" maxlength="250" /> insetad of vm.,and need make vm.isemailempty flag true once find ng-model="controlleralisename.organisation.email" empty on blur function. not checking condition
Comments
Post a Comment