angualrjs - поле формы `username` не работает ни для` $ pristine`, ни для `$ error.required`

Question

angualrjs - поле формы `username` не работает ни для` $ pristine`, ни для `$ error.required`

0

Я создаю пользовательские поля формы. Я пытаюсь выбросить ошибку, когда пользователь нажимает кнопку submit в поле username.

но по некоторым причинам он не работает. вот мое поле username:

<form name="myform" ng-submit="formSubmit()" novalidate>

      <input ng-model="fields.name.title" 
      placeholder="Enter your name" name="username" type="text"  required>

      <span ng-show="myform.username.$error.required && !myform.username.$pristine">Invalid name</span>

      <drop-down data="fields.levels" func='levelHandler'></drop-down>

      <drop-down data="fields.stages" func='levelHandler'></drop-down>

      <drop-down data="fields.colors" func='levelHandler'></drop-down>

      <button type="submit">Submit Form</button>

    </form>

Демо-версия

кто-нибудь мне помогает?

user2024080 26 янв. 2016, в 17:20

Источник

0

Это на самом деле работает, но я думаю, что ваша логика отключена. Пролёт работает только при выполнении обоих условий: поле пустое (нарушает обязательное) и было изменено (нарушает $pristine ). Поэтому он показывает, когда вы вводите значение, а затем полностью его удаляете, и ни в каком другом случае. Это то, что вы ожидали?
Claies 26 янв. 2016, в 15:44

Теги:

angularjs

2 ответа

1

Измените! Myform.username. $ Pristine с myform. $, Представленный в вашем атрибуте ng-show

Полный код должен выглядеть так:

<form name="myform" ng-submit="formSubmit()" novalidate>

      <input ng-model="fields.name.title" 
      placeholder="Enter your name" name="username" type="text"  required>

      <span ng-show="myform.username.$error.required && myform.$submitted">Invalid name</span>

      <drop-down data="fields.levels" func='levelHandler'></drop-down>

      <drop-down data="fields.stages" func='levelHandler'></drop-down>

      <drop-down data="fields.colors" func='levelHandler'></drop-down>

      <button type="submit">Submit Form</button>

    </form>

Manos Pasgiannis 26 янв. 2016, в 13:06

Ещё вопросы

Это на самом деле работает, но я думаю, что ваша логика отключена. Пролёт работает только при выполнении обоих условий: поле пустое (нарушает обязательное) и было изменено (нарушает $pristine ). Поэтому он показывает, когда вы вводите значение, а затем полностью его удаляете, и ни в каком другом случае. Это то, что вы ожидали?

Hristo Enev · Accepted Answer · 2016-01-26T14-18-00.000Z

Это связано с тем, что ваше $pristine свойство истинно, если вы не введете что-то в форму (сделайте это грязным).

Попробуйте вместо этого проверить $submitted.

<span ng-show="myform.username.$error.required && myform.$submitted">Invalid name</span>