Доброго времени суток, форумчане!
Подскажите пожалуйста, почему не работает валидация формы. Делаю всё, как тут:
jQuery Validate Demo
и тут
Validate a Form using jQuery and Bootstrap Validator
Может что-то не так с файлом скрипта? Или подключаю его как-то не так?
Код скрипта, взятый из примера и переделанный под мои нужды:
$(document).ready(function () {
$('#timeValidationForm').bootstrapValidator({
container: '#messages',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
time: {
validators: {
notEmpty: {
message: 'The full name is required and cannot be empty'
}
},
stringLength: {
min: 1,
max: 5,
message: 'Input must be larger than 1 and less than 5'
}
}
}
});
});
Код html. Нужно заметить, что валидация поля происходит в модальном окне и должна работать без нажатия кнопки "submit":
@using( Html.BeginForm("ClockChanger", "Clocks", FormMethod.Post, new{@id="timeValidationForm", @class="form-horizontal"} ) )
{
Скрипт подключаю в теге с помощью
Ответ
В коде инициализации валидатора ошибка - скобка поставлена неверно и поле stringLength не входит в объект validators
$(document).ready(function () {
$('#timeValidationForm').bootstrapValidator({
container: '#messages',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
time: {
validators: {
notEmpty: {
message: 'The full name is required and cannot be empty'
},
stringLength: {
min: 1,
max: 5,
message: 'Input must be larger than 1 and less than 5'
}
},
}
}
});
});
Исправленный вариант в fiddle
Комментариев нет:
Отправить комментарий