我正在使用模态表单。我必须确保输入的字符串以字母开头,否则我显示错误消息。
<section class="col-md-12">
<div data-ng-controller="coursesCtrl">
<script type="text/ng-template" id="add_course.html">
<div class="modal-header">
<h3>Create Course</h3>
</div>
<div class="modal-body">
<form name="course_form" role="form" class="form-horizontal form-validation" novalidate data-ng-submit="ok(course_form.$valid, courses.single)">
<fieldset>
<div class="form-group" ng-class="{'has-error' : course_form.title.$invalid && (!course_form.title.$pristine || submitted) }">
<div class="col-lg-3 col-md-3 col-sm-3">
<label for="title">Title</label>
</div>
<div class="col-lg-9 col-md-9 col-sm-9">
<input type="text"
class="form-control"
id="title"
placeholder="Title of the course"
data-ng-model="courses.single.title"
required name="title"
ng-Maxlength="45"
>
</div>
<div class="help-block col-lg-offset-3 col-sm-9 col-md-offset-3 col-md-9" ng-show="course_form.title.$invalid && (!course_form.title.$pristine || submitted)"> Title is required or it is taking more than 45 characters.
</div>
</div>
</fieldset>
<div class="modal-footer">
<button class="btn btn-default" id="create_course">Create</button>
<button class="btn btn-default" ng-click="cancel()">Close</button>
</div>
</form>
</div>
</script>
<button class="btn btn-primary pull-right"ng-click="open('lg')"><span class="glyphicon glyphicon-plus"></span> Create Course</button>
</section>
如何验证标题字段。任何人都知道如何解决它。请告诉我。 提前致谢
答案 0 :(得分:4)
听起来像是正则表达式的典型任务。
您可以使用以下方法检查控制器内的型号:
courses.single.title.match(/^[A-z].*/)
我还会将它包装在一个条件中,这样空输入就不会抛出验证错误。