Обновление Angular JS ng-сообщения только при отправке страницы

Question

Обновление Angular JS ng-сообщения только при отправке страницы

0

У меня есть форма, в которой я показываю ошибки проверки только на странице submit, как в приведенном ниже коде. Эта проверка работает отлично, но как только пользователь исправляет валидацию в поле ввода. Сообщение о проверке немедленно уходит. Есть ли способ сохранить это сообщение проверки, пока пользователь не отправит страницу еще раз? Мое требование состоит в том, что сообщения проверки должны появляться и исчезать только на странице.

<span id="error" ng-if="addForm.$submitted">
        <div class="ErrorMsgBox">
            <ul>
                <li ng-messages="addForm.startDate.$error">
                    <small id="startDate_req" ng-message="required">Date is mandatory.</small>                      
                </li>                   
            </ul>
        </div>
    </span>

Например, если пользователь не дает дату и не отправляет форму, пользователю предоставляется сообщение о подтверждении "Дата обязательна". Теперь, когда пользователь вводит какое-либо значение, сообщение идет. Мне нужно, чтобы это подтверждение было сохранено до повторной отправки страницы.

Я попробовал ng-model-options, но поле ввода не сохраняло значение, пока страница не будет отправлена.

ng-model-options="{ updateOn: 'submit' }"

Пожалуйста, предложите.

Vallikranth 21 авг. 2015, в 15:50

Источник

0

используйте атрибут ng-pattern, чтобы установить шаблон проверки даты. Или, если сообщение отображается в определенное время, используйте только любую переменную области действия с помощью ng-show / ng-hide.
Dipen Shah 21 авг. 2015, в 13:01
0

Да, я мог бы добиться этого, используя ng-show / ng-if с пролетом, но я хотел бы использовать ng-message и все же выполнить то же требование из-за различных преимуществ, предлагаемых ng-message. Использование ng-if с ng-resource не помогает, проверка по-прежнему проходит без отправки страницы.
Vallikranth 21 авг. 2015, в 13:05
0

Затем используйте ng-pattern для проверки ввода для шаблона даты, который вы хотите ввести пользователю.
Dipen Shah 21 авг. 2015, в 13:06
0

Dipen, я могу проверить поле даты, как требуется, и соответствующее сообщение об ошибке также отображается правильно при отправке страницы. У меня проблема в том, как сделать так, чтобы это сообщение отображалось до повторной отправки страницы, независимо от того, вводил пользователь значение или нет. Прямо сейчас сообщение исчезает, как только пользователь вводит значение.
Vallikranth 21 авг. 2015, в 14:48
0

Что ж, если вы используете проверку шаблона, то сообщение не должно исчезать в 'any-value', оно должно исчезать после date-value. и если вы хотите переопределить угловые события по умолчанию, используйте ng-change для вызова метода проверки и в этом установленном значении addForm.startDate. $ error, чтобы показать или скрыть сообщение.
Dipen Shah 21 авг. 2015, в 15:05
0

хм, я могу использовать ngChange, чтобы значение $ error было равно true, чтобы оно не скрывалось и при отправке страницы, основываясь на значении, которое я могу снова отобразить, если проверка недействительна. Я попробую эту идею. Спасибо за отличную идею.
Vallikranth 21 авг. 2015, в 15:21

Показать ещё 4 комментария

Теги:

javascript

angularjs

validation

ng-messages

1 ответ

Ещё вопросы

используйте атрибут ng-pattern, чтобы установить шаблон проверки даты. Или, если сообщение отображается в определенное время, используйте только любую переменную области действия с помощью ng-show / ng-hide.
Да, я мог бы добиться этого, используя ng-show / ng-if с пролетом, но я хотел бы использовать ng-message и все же выполнить то же требование из-за различных преимуществ, предлагаемых ng-message. Использование ng-if с ng-resource не помогает, проверка по-прежнему проходит без отправки страницы.
Затем используйте ng-pattern для проверки ввода для шаблона даты, который вы хотите ввести пользователю.
Dipen, я могу проверить поле даты, как требуется, и соответствующее сообщение об ошибке также отображается правильно при отправке страницы. У меня проблема в том, как сделать так, чтобы это сообщение отображалось до повторной отправки страницы, независимо от того, вводил пользователь значение или нет. Прямо сейчас сообщение исчезает, как только пользователь вводит значение.
Что ж, если вы используете проверку шаблона, то сообщение не должно исчезать в 'any-value', оно должно исчезать после date-value. и если вы хотите переопределить угловые события по умолчанию, используйте ng-change для вызова метода проверки и в этом установленном значении addForm.startDate. $ error, чтобы показать или скрыть сообщение.
хм, я могу использовать ngChange, чтобы значение $ error было равно true, чтобы оно не скрывалось и при отправке страницы, основываясь на значении, которое я могу снова отобразить, если проверка недействительна. Я попробую эту идею. Спасибо за отличную идею.

ronnie bermejo · Answer 1 · 2016-06-05T13-29-00.000Z

Вы можете добавить ng-if вместе с form.$dirty или form.$submitted в вашу директиву сообщений. Также вы можете создать свою собственную функцию

ng-if: showErrors()

См.: https://www.sitepoint.com/easy-form-validation-angularjs-ngmessages/

<label>User Message:</label>
<textarea type="text" name="userMessage" ng-model="message" 
          ng-minlength="100" ng-maxlength="1000" required>
</textarea>
<div ng-messages="exampleForm.userMessage.$error" 
     ng-if="exampleForm.userMessage.$dirty">
  <div ng-message="required">This field is required</div>
  <div ng-message="minlength">Message must be over 100 characters</div>
  <div ng-message="maxlength">Message must not exceed 1000 characters</div>
</div>