布局与图片

Question

验证消息的下面是我的代码：

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()具有相同的效果，但 <img src>将在另一个元素或从消息组消失？我已经尝试过errorPlacement，但是我无法让它正常工作。

注意：不分组或使用errorLabelContainer（因为它会在我对它们进行分组时错误消息）。

Answer 1

下面

$(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); 
    } 
    }) 

}); 

演示给出你可以开发使用wrapper和errorPlacement设置一个解决方案：Plunker