Jquery 使用图像放置验证消息

这是我的密码：

rules: {
    firstname:"required",
    lastname:"required",
       },
messages: 
       {
        firstname:"<img src='icons/xmark.png' /> Enter your first name",
        lastname:"<img src='icons/xmark.png' />Enter your last name"
       }

规则：{
名字：“必选”，
姓氏：“必需”，
},
信息：
{
名字：“输入你的名字”，
姓氏：“输入您的姓氏”
}

我正在实现这个效果

我的问题是，是否有其他方法使用

jquery.validate（）

来达到同样的效果，但是

将位于另一个元素上或从消息组中消失？我已经尝试过错误定位，但我无法使它相应地工作

---

注意：无需分组或使用errorLabelContainer（因为在我分组时会弄乱错误消息）。

您可以使用

包装器和
errorPlacement
设置开发解决方案，如下所示

$(function(){

  $('form').validate({
    rules: {
      name: {
        required: true
      },
      dob: {
        required: true
      },
      doj: {
        required: true
      }
    },
    wrapper:'span',
    errorPlacement: function(error, element){
      error.prepend('<img src="http://www.schneider-electric.com/download/resource/images/msg_error.gif" />')
      error.insertAfter(element);
    }
  })

});

$（函数（）{
$（'form'）。请验证({
规则：{
姓名：{
必填项：true
},
出生日期：{
必填项：true
},
司法部：{
必填项：true
}
},
包装器：'span'，
errorPlacement:函数（错误，元素）{
错误。预结束（“”）
错误。插入符（元素）；
}
})
});

演示：
要将消息放在一个地方，将图像放在其他地方吗？是的。如果可能的话，我将有一个图像src，并将它们附加到所有的错误消息中，以使我的代码整洁。也许
errorLabelContainer
会有用吗？将图像放入该元素。已经尝试过了，但它弄乱了所有错误消息。这就是我需要的。谢谢：）