javascript - 文本框内的错误消息

Question

我正在登录页面上工作，我希望我的错误出现在输入标记内

现在我在登录面板顶部收到错误。

这是代码。

$(document).ready(function () {
    $("#form1").validate({
        debug: false,
        errorClass: "error error_red",
        rules: {
            username: {
                required: true,
                email: true
            },
            password: {
                required: true,
                minlength: 5
            }
        },
        messages: {
            username: "Please enter a valid email address",
            password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long"
            }
        },
        invalidHandler: function (form, validator) {
            // This handler will show only one error at time - the first in this instance // 
            var errors = validator.numberOfInvalids();
            //alert("error" + errors);
            if (errors) {
                $("#errbox").html(validator.errorList[0].message);
                $("#errbox").show();
                validator.errorList[0].element.focus();
            } else {
                $("#errbox").hide();
            }
        },
        errorPlacement: function (error, element) {
            // Override error placement to not show error messages beside elements //
        },
    });
});

这是Fiddle Link

问候
马哈德万

Answer 1

您可以在输入中使用占位符属性来设置错误消息:

$('#myInput').attr("placeholder", "This input has an error");

这是一个fiddle这表明它正在工作。