Получение метки для отображения справа от поля формы

0

Я делаю демонстрацию динамической формы с использованием плагина dorm и вставляю некоторые проверки на это. Я просто добавляю проверку на два поля (пользователь вводит только первые два поля). Он работает на моей скрипке. http://jsfiddle.net/Xe3FG/4/ Если пользователь вводит строку в первом примере поля "foo" и переходит к следующему полю, на дисплее появляется ошибка с правой стороны "Пожалуйста, введите только цифры"

Тот же код формы, когда я помещался на всплывающем экране. Я также получаю поле во всплывающем окне.Field также проверяет, но сообщение об ошибке появляется на одной левой стороне, а метка меняет его положение. Можно ли изменить положение текста ошибки в правой части текстового поля? как пример на вышеупомянутой скрипке? http://jsfiddle.net/HkGAx/22/

$("#testSuiteConfigurationform").validate(validateInputParameters());

function validateInputParameters() {
    jQuery.validator.addMethod("onlyNumbers", function(value, element) {
       // alert('dd')
        return value != "";
    }, " Please enter only numbers");

    var validation = {
        onfocusout : function(element) {
           $(element).valid();
        },
        rules : { 
            totalRetryCount: { onlyNumbers: true },
            totalRepeatCount:{onlyNumbers: true}
        },
    };
    return validation;
};
Теги:
validation
jquery-mobile

1 ответ

0

Одна из причин - ширина метки, которая составляет 240 пикселей - слишком много. Кроме того, я применил float прямо в сообщении об ошибке. Просто добавьте этот код в свои стили.css:

#tabbedPopup label.error {
    float: right !important;
}

#tabbedPopup legend.ui-dform-legend {
    width: 134px !important;
}

Демо на JSFiddle.

Ещё вопросы

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