[英]Angular JS textarea validation with required & showing error message
我有一个Angular JS代码,如果textarea为空,我想在其中执行验证并专注于字段返回。
<form ng-submit="addComment()" role="form" name="blogForm" novalidate> <div class="form-group" ng-class="{ 'has-error' : blogForm.blogComment.$invalid && replySubmitted }"> <textarea ng-model="blogComment" name="blogComment" class="form-control" rows="3" ng-required="true" required></textarea> </div> <div style="color:#a94442;" ng-show="blogForm.blogComment.$invalid && replySubmitted"> <span ng-show="blogForm.blogComment.$error.required">Comment Text required.</span> </div> <button type="submit" ng-click="replySubmitted = true" class="btn btn-primary blog-bubmit-button">Submit</button> </form>
由于某些原因,以上代码仅插入空数据,并且字段的焦点为Invalid。 任何建议都可以帮助我。 感谢你
您已定义ng-app
以将其处理为角度块。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app=''> <form ng-submit="addComment()" role="form" name="blogForm" novalidate> <div class="form-group" ng-class="{ 'has-error' : blogForm.blogComment.$invalid && replySubmitted }"> <textarea ng-model="blogComment" name="blogComment" class="form-control" rows="3" ng-required="true" required></textarea> </div> <div style="color:#a94442;" ng-show="blogForm.blogComment.$invalid && replySubmitted"> <span ng-show="blogForm.blogComment.$error.required">Comment Text required.</span> </div> <button type="submit" ng-click="replySubmitted = true" class="btn btn-primary blog-bubmit-button">Submit</button> </form> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.