javascript - 与字段旁边的附加消息相比，如何使单独的 jQuery Validation 消息框注释出现：同时

Question

我希望该字段旁边出现一个星号，然后在验证时同时在我的表单底部显示一条特定消息。

目前，我有这两个版本：

1) 适用于字段标题后出现的星号。

2) 用于制作“请填写姓氏”。

但是，我怎样才能让这两者同时工作？目前，如果我同时将它们都放在我的文件中，则只有在另一个之上的一个才能工作。

1) 附加在字段标签版本旁边

$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({



    errorPlacement: function(error, element) {
        error.appendTo('#title-' + element.attr('id'));
    },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "*",
                minlength: "*"
            }
        }
    });
});
</script>

2) 消息框版本

$(document).ready(function() {

    // validate signup form on keyup and submit
    $("#newform").validate({

    errorLabelContainer: "#messageBox",
   wrapper: "li",
   submitHandler: function() { alert("Submitted!") 
   },    

        rules: {
            lastname: {
                required: true, 
                minlength: 2            
            }
        },

        messages: {
            lastname: {
                required: "please fill in last name",
                minlength: "please fix the last name"
            }
        }
    });
});
</script>

谢谢

Answer 1

答案是页面上只能有一个验证可以被识别。jQuery 的 Validate 插件具有高亮选项，可以替换我试图实现的星号方法。

同时，errorLabelContainer 可以获取表单底部下方空间中的消息。

这两个选项都可以进入一个 Validate() 而不会相互干扰。