获取标签以显示在表单字段的右侧答案

【问题标题】：Getting a label to display on the right side of a form field获取标签以显示在表单字段的右侧
【发布时间】：2014-05-11 08:35:10
【问题描述】：

我使用 dorm 插件制作了一个动态表单的演示并在其上插入了一些验证。我只是在两个字段上添加验证（用户只输入前两个字段的数字）。它适用于我的小提琴。 http://jsfiddle.net/Xe3FG/4/ 如果用户在第一个字段示例“foo”上输入字符串并转到下一个字段，则会在右侧显示错误“请仅输入数字”

当我放置在弹出屏幕上时，表单代码相同。我也在弹出窗口中获取字段。字段也验证但错误消息出现在左侧并且标签更改它的位置。我们可以在右侧移动错误文本的位置文本字段的一侧？作为上面小提琴的例子？ 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;
};

【问题讨论】：

标签： javascript jquery validation jquery-mobile

【解决方案1】：

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

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

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

Demo on JSFiddle.

【讨论】：