Я делаю демонстрацию динамической формы с использованием плагина 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;
};
Одна из причин - ширина метки, которая составляет 240 пикселей - слишком много. Кроме того, я применил float прямо в сообщении об ошибке. Просто добавьте этот код в свои стили.css:
#tabbedPopup label.error {
float: right !important;
}
#tabbedPopup legend.ui-dform-legend {
width: 134px !important;
}