選擇標籤文本是文本框

我使用jQuery的工具之前 - Validation Error Summary 選擇標籤文本是文本框

/* adds an effect called "wall" to the validator */ 
     $.tools.validator.addEffect("wall", function(errors, event) { 
       // get the message wall 
       var wall = $(this.getConf().container).fadeIn(); 
       // remove all existing messages 
       wall.find("p").remove(); 
       // add new ones 
       $.each(errors, function(index, error) { 
        wall.append(
         "<p><strong>" +error.input.attr("name")+ "</strong> " +error.messages[0]+ "</p>" 
        ); 
       }); 
       // the effect does nothing when all inputs are valid 
     }, function(inputs) { 

     });

enter image description here

如果u可以看到圖像一切正常，我要的是，更改此代碼，而不是文本框名稱，我希望標籤文本在Error MSG之前顯示。

在此先感謝。編輯：HTML

<tbody style="" class="user_panel" id="customer_info"> 
    <tr> 
    <td valign="top"><label class="label">Contact name:</label> 
     <input type="text" value="" name="contact_name" class="" style="width:227px"></td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td valign="top"><label class="label">Measurement:</label> 
     <select value="" data-message="Measurement is required1" required="required" name="measurement" style="width: 231px; border-color: red;"> 
     <option value="">-select-</option> 
     <option value="1">mm</option> 
     <option value="2">inches</option> 
     </select></td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td valign="top"><label class="label">Phone personal:</label> 
     <input type="text" value="" data-message="Pers cont. num is required" required="required" name="contact_number_person" class="" style="width: 227px; border-color: red;"></td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr>

來源

2013-09-25 Bhavin Rana

你可以發佈你的HTML嗎？ – Sadiq

此處添加HTML！ –

更改你的JavaScript下//添加新的評論此：

$.each(errors, function(index, error) { 
    wall.append(
     "<p><strong>" +error.input.prev().html()+ "</strong> " +error.messages[0]+ "</p>" 
    ); 
});

而不是打印輸入對象的名稱屬性，它會打印以前的元素是label

來源

2013-09-25 06:29:29 Sadiq

如果你將屬性for添加到您的標籤，例如

<label class="label" for="contact_name">Contact name:</label>

然後，你可以有：

wall.append(
        "<p><strong>" +$("label[for='"+ error.input.attr("name")+"']").text()+ "</strong> " +error.messages[0]+ "</p>" 
       );

這解決了另一個元素是標籤和輸入之間的可能性。或者如果你想要一個標籤來跟蹤輸入。

來源

2013-09-25 06:36:52 mccannf

選擇標籤文本是文本框

回答

相關問題