Question

我使用宿舍插件制作动态表单的演示并在其上插入一些验证。我只是在两个字段上添加验证（用户只输入前两个字段的数字）。它适用于我的小提琴。 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;
};

Answer 1

其中一个原因是标签宽度为240px - 太多了。另外，我已经在错误消息上应用了float。只需将此代码添加到.css样式中：

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

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

Demo on JSFiddle

获取标签以显示在表单域的右侧

1 个答案: