проверка угловых JS не выполняет

Question

проверка угловых JS не выполняет

0

Я делаю простую 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 указывает, что могут быть введены только алфавиты и пустое пространство

но ошибка в том, что проверка не происходит.

Dibyendu Konar 24 авг. 2015, в 13:20

Источник

Теги:

angularjs

html5

2 ответа

Ещё вопросы

dfsq · Answer 1 · 2015-08-24T09-34-00.000Z

Нет подтверждения, потому что поле ввода не имеет привязки к модели, поэтому нет данных для проверки. Добавьте директиву ngModel и она должна работать:

<input type="text" name="First_Name" ng-model="user.firstName" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/" />

модель является обязательной для добавления?
Если вы хотите проверить или использовать данные позже в контроллере, тогда да.
но все равно ошибка не исчезла, я все еще могу набрать цифры !!!
Вы сможете печатать, конечно. ngPattern - это не способ предотвратить неправильный ввод, а проверка его правильности. Поэтому, если вы хотите заблокировать ввод, вам нужно использовать ngKeypress и запретить событие по умолчанию, если символ не разрешен.

Mathias F · Answer 2 · 2015-08-24T09-30-00.000Z

Вы можете вывести состояние проверки путем чтения. $ 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>

http://plnkr.co/edit/lml1eBqEkvCBpz2kb51Z?p=preview