валидатор jQuery addMethod не работает с dropdownList

Question

валидатор jQuery addMethod не работает с dropdownList

0

У меня есть DropDownListFor, на мой взгляд:

@Html.DropDownListFor(model => model.PeriodCode,..., new { name = "Period", id = "PeriodID"})

И моя проверка следующим образом:

jQuery.validator.addMethod('NonEmpty', function (value) {
    return ($("#PeriodID").val() != "");
}, '');

jQuery("#form").validate({
    rules: {
        Year: {
            required: true
        },
        Period: {
            NonEmpty: true
        }
    },
    messages: {
        Year: {
            required: "<div style='color:red'>Message 1 </div>"
        },
        Period: {
            NonEmpty: "<div style='color:red'>Message 2 </div>"
        }
    }
});

Проблема в том, что функция jQuery AddMethod не вызывается, когда я отправляю свою форму, поэтому мой DropDownList не проверяется. Однако проверка для TextBox с именем 'Year' отлично работает. Что я делаю не так?

Буду признателен за любую помощь!

Gyuzal R 08 окт. 2013, в 12:42

Источник

0

Какой NonEmpty метода NonEmpty , когда он выполняет ту же логику, что и required ?
Rory McCrossan 08 окт. 2013, в 09:58
0

Да, значение DDL не должно быть нулевой или пустой строкой.
Gyuzal R 08 окт. 2013, в 10:02
0

Это моя точка зрения - встроенный required валидатор проверит это за вас.
Rory McCrossan 08 окт. 2013, в 10:02
0

Я хотел бы использовать собственный валидатор, так как сообщение встроенного в меня не подходит
Gyuzal R 08 окт. 2013, в 10:10
0

И все же в вашем примере вы используете одно и то же сообщение для обоих ...? Я не совсем понимаю.
Rory McCrossan 08 окт. 2013, в 10:11
0

Извините, я неправильно понял требуемый валидатор с class = 'required'. Я пытался использовать его, но он не проверяет DDL.
Gyuzal R 08 окт. 2013, в 10:15

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

Теги:

jquery

asp.net-mvc

jquery-validate

3 ответа

0

Если ваш крюк addMethod не регистрируется, это, скорее всего, потому, что у вас есть код внутри обработчика DOM Ready или, возможно, закрытие. Попробуйте переместить код за пределы любого лямбда; вы должны затем получить код для запуска по желанию.

См. ASP.Net MVC 3: Пользовательская ненавязчивая проверка для более подробной информации. Это характерно для "ненавязчивой" библиотеки, но рассуждения одинаковы.

Brent M Clark 09 окт. 2013, в 09:40

0

использование

$('select[id=PeriodID] option:selected').text();

вместо

("#PeriodID").val()

Shashank 08 окт. 2013, в 08:53

0

Почему мы должны снова проверить text ? Надеюсь, что это должно быть проверено с помощью свойства value option , который равен val()
Murali Murugesan 08 окт. 2013, в 10:18

Ещё вопросы

Какой NonEmpty метода NonEmpty , когда он выполняет ту же логику, что и required ?
Да, значение DDL не должно быть нулевой или пустой строкой.
Это моя точка зрения - встроенный required валидатор проверит это за вас.
Я хотел бы использовать собственный валидатор, так как сообщение встроенного в меня не подходит
И все же в вашем примере вы используете одно и то же сообщение для обоих ...? Я не совсем понимаю.
Извините, я неправильно понял требуемый валидатор с class = 'required'. Я пытался использовать его, но он не проверяет DDL.
Почему мы должны снова проверить text ? Надеюсь, что это должно быть проверено с помощью свойства value option , который равен val()

Arun P Johny · Accepted Answer · 2013-10-08T08-34-00.000Z

Вам не хватает $ перед селектором ("#PeriodID").

jQuery.validator.addMethod('NonEmpty', function (value) {
    return ($("#PeriodID").val() != "");
}, '');

Демо: скрипка

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

jQuery.validator.addMethod('NonEmpty', function (value, elem, args) {
    return value != "";
}, '');

Демо: скрипка

Примечание. Нет необходимости добавлять такое правило, поскольку оно может быть достигнуто с использованием required правила

Обновление: имя поля Period не является PeriodCode

jQuery("#form").validate({
    rules: {
        Year: {
            required: true
        },
        PeriodCode: {
            NonEmpty: true
        }
    },
    messages: {
        Year: {
            required: "<div style='color:red'>Message 1 </div>"
        },
        PeriodCode: {
            NonEmpty: "<div style='color:red'>Message 2 </div>"
        }
    }
});

Демо: скрипка с требуемым правилом

Спасибо за ваш ответ, но проблема в том, что метод не вызывается, если я добавлю alert () внутри метода, он не появится.
@GyuzalRakhmayeva вы можете попытаться воссоздать проблему, используя приложенные скрипты
@Arun .val () возвращает значение, если в опциях не указано значение, возвращается null ...
@GyuzalRakhmayeva Вы можете поделиться сгенерированным HTML для элемента select
@ArunPJohny, пожалуйста, смотрите мои правки.
@GyuzalRakhmayeva имя поля не Period это PeriodCode
@ArunPJohny Perfect! Я думаю, что это должно принять другое «имя», которое я определил. Спасибо вам большое!