Я делаю простую html-страницу с проверкой с помощью angularjs. Я взял html файл с помощью angularjs этим процессом
<title>Student Registration Form</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
в то время как я даю валидацию таким образом
<body ng-app>
и затем я даю подтверждение в текстовой области, как этот код
<input type="text" name="First_Name" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/"/>
этот шаблон ng указывает, что могут быть введены только алфавиты и пустое пространство
но ошибка в том, что проверка не происходит.
Нет подтверждения, потому что поле ввода не имеет привязки к модели, поэтому нет данных для проверки. Добавьте директиву ngModel
и она должна работать:
<input type="text" name="First_Name" ng-model="user.firstName" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/" />
Вы можете вывести состояние проверки путем чтения. $ Valid of the field
<body ng-app >
<div >
<form name="myForm">
<label>
User name:
<input type="text" name="userName" ng-model="userName" ng-pattern="/^[a-zA-Z\s]*$/" >
</label>
<div>
user: {{userName}}
</div>
</form>
<hr>
<tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br/>
</div>
</body>