jquery验证特定的错误消息放置

时间:2015-10-06 14:42:43

标签: jquery validation

问题:四个必填字段中的每一个都有' Name RequiredCompany RequiredEmail RequiredPhone Required'而不仅仅是适用的相应信息。

我有一个非常紧凑的表单,在输入jquery validate之后无法使用标准错误。标签是display:block,并且有足够的空间来显示错误消息,因此决定了错误消息的位置。

所以对于这样的html(想要span.error_label中的错误):

<div class="form-group">
        <label for="company">Company&nbsp;&nbsp;&nbsp;<span class="error_label"></span></label>
        <input type="text" class="form-control" id="company" name="company" placeholder="Company">
</div>

我的jquery看起来像:

$('#frmContact').validate({
    rules: {
        name: {
            required: true
        },
        company: {
            required: true
        },
        phone_number: {
            required: true
        },
        email: {
            required: true,
            email: true
        }
    },
    errorLabelContainer: "label",
    errorPlacement: function(error, element) {
        $(element).append( "<span class='error_label'>" + error + "</span>")
    },
    messages: {
        name: {
            required: 'Name Required'
        },
        company: {
            required: 'Company Required'
        },
        phone_number: {
            required: 'Phone Required'
        },
        email: {
            required:  'Email Required',
            email: 'Please enter a valid email address'
        }
    }
});

0 个答案:

没有答案