佈局與圖片

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