文本框中的错误消息

error message inside text box

本文关键字：错误 消息 文本      更新时间：2023-09-26

我正在登录页面上工作，我希望在输入标签中显示我的错误

现在我在登录面板的顶部出现错误。

这是代码。

$(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

问候
Mahadevan

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

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

这是一把小提琴，显示它在工作。

相关文章：