jquery - 从 jQuery 验证插件定位 CSS 类

Question

我正在使用带有 jQ​​uery 验证插件的简单表单 https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js ( http://jqueryvalidation.org/documentation/ )

当标签 .error类被调用时，它会出现在输入字段的下方。我怎样才能使它与正常的标签名称内联

链接： i.imgur.com/KchiGeF.jpg

<label>Your Name</label>
<input name="phone" id="phone" required type="text"  size="40" >

查询函数

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            phone: {
                required: true,
                minlength:10
            }

        }
    });

});

Answer 1

在声明规则之前，请更改 errorElement。

errorElement: "span"

默认情况下它是一个label

$(document).ready(function () {
    $('#myform').validate({ // initialize the plugin
        errorElement: "span",
        rules: {
            phone: {
                required: true,
                minlength:10
            }
        }
    });
});