Угловое пользовательское сообщение проверки не отображается

0

У меня возникли проблемы с отображением пользовательского сообщения после проверки в моем приложении AngularJS.

Ниже мой код:

<div class="row">
    <div class="input-field col s12">
       <input id="description" rows="3" class="materialize-textarea no-pad-bot no-pad-top" ng-model="Description" ng-required="isValidationRequired()" ng-minlength="5"></input>
        <span class="help-inline" ng-show="submitted && frm1.description.$error.required">Comments are required</span>

     </div>
 </div>

 <input type="submit" class="white-text waves-effect btn" value="Enter" ng-click="submitted=true" />

Вышеупомянутое работает, но отображается сообщение "Пожалуйста, заполните это поле". Это не сообщение, которое я указал. Я хочу показать свое собственное сообщение. Я не могу найти что-то не так с моим кодом. Может ли кто-нибудь помочь указать мне в правильном направлении.

Теги:
validation

2 ответа

1
Лучший ответ

В коде есть несколько ошибок.

  1. Форма не включена, я предполагаю, что вы просто не включили этот бит кода в этот пост.

  2. Вам нужно указать имя ввода. Поэтому, когда вы делаете frm1.description, он знает, что такое описание.

  3. Убедитесь, что функция isValidationRequired возвращает true

  4. Вы должны включить novalidate в тег формы

Здесь у меня есть рабочий пример

  <form novalidate name="frm1">
<div class="row">
<div class="input-field col s12">
   <input name="description" id="description" rows="3" class="materialize-textarea no-pad-bot no-pad-top" ng-model="Description" ng-required="isValidationRequired()" ng-minlength="5"></input>
    <div class="help-inline" ng-show="submitted && frm1.description.$error.required">Comments are required</div>

 </div>

http://jsfiddle.net/mlhuff12/Lvc0u55v/4503/

  • 0
    1. Форма есть, я просто ее не включил. 2. Я указал идентификатор. 3. Да, функция возвращает true 4. Когда я включаю novalidate, моя проверка перестает работать
  • 0
    Я думаю, что вы на что-то здесь. Я изменил атрибут id на name и моя проверка появилась. Также добавлен novalidate . Благодарю. Ты жжешь!
0

Ур получал сообщение, которое вы сделали? Звучит как проверка браузера. Проверьте ваше выражение и добавьте в него "novalidate". Т.е.

<form novalidate>

Может быть, это помогает...

  • 0
    что это будет делать? И нет, я не получаю сообщение, которое я закодировал, я получаю сообщение браузера
  • 0
    @ElenaDBA «novalidate используется для отключения проверки собственной формы браузера» - docs.angularjs.org/guide/forms
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню