Проверьте форму с JQuery в другом разделе

Question

Я думал, как отобразить сообщения проверки в разных разделах формы.У меня есть онлайн цитата с одной формой HTML.Я поместил их в другой раздел, чтобы облегчить пользователю ввод информации на основе категорий.

Я разделил форму, например, на контактные данные клиента, данные консультанта, данные кредитной карты клиента, разделы авиабилетов.Обратите внимание, что фактическая форма не так проста, как эта.Я хочу сделать проверку JQuery в этой форме.Проблема в том, что я хочу разделить базу сообщений проверки по категориям.Я не хочу смешивать сообщения проверки в одно.Это приведет в замешательство консультантов, так как эта форма является полностью динамической формой и может содержать более 100 полей только для одной кавычки.

Таким образом, для контактных данных клиентов сообщения проверки будут только уведомлятьпользователь все, что связано с контактными данными клиента.Если что-то недопустимо, сообщение будет отображаться рядом с соответствующим полем.То же самое относится к деталям консультанта и кредитной карте клиента.

Однако в секциях авиабилетов, где в таблице содержится много информации, все иначе.В формате таблицы сообщения проверки не могут отображаться рядом с полем.Итак, я думаю использовать jQuery errorLableContainer для отображения сообщений.

На данный момент я могу думать только об использовании другой формы HTML.Однако я не хочу этого делать.Я хочу сохранить это с одной формой HTML.Или я могу использовать группы jQuery, где я не проводил тестирование для использования групп jQuery.

У кого-нибудь есть идеи для решения этих проверочных сообщений?Любая мысль будет оценена.Я уверен, что у кого-то там тоже есть такие же проблемы.

Спасибо.

Answer 1

jQuery.validate позволяет вам указать, какое сообщение об ошибке должно быть в каждом поле ввода, а поскольку jQuery использует CSS, вы можете стилизовать отдельные сообщения об ошибках, выбрав каждое конкретное сообщение об ошибке.

Вы должны будете включить свой код, чтобы получить более конкретную помощь, но вот пример проверки jQuery, которая возвращает конкретные сообщения об ошибках:

$("your_form").validate({
            rules: {
                FIELD1: { required: true },
                FIELD2: { required: true },
                FIELD3: { required: true }
            },
            messages: {
                FIELD1: "Error message 1",
                FIELD2: "Error message 2",
                FIELD3: "Error message 3"
            },
            success: function(label) {
                label.addClass('valid');
            },
            error: function(submit) {
                return false;
            }

Обратите внимание, что «FIELD1» «FIELD2» и т. Д.на именах label , а также идентификаторах для каждого элемента ввода (я не уверен, выбирает ли этот плагин по идентификатору или имени метки, извините).

Тогда вы бы выбрали стильсообщения об ошибках, используя что-то вроде label[for="FIELD1"].error для выбора каждого сообщения об ошибке (будьте осторожны, IE7 и ниже делают некоторые странные вещи с этой нотацией CSS).