jQuery驗證插件重新定位錯誤消息

如何在不檢查任何內容的情況下重新對齊jQuery驗證插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）產生的錯誤消息。理想情況下，我想把它放在複選框下面，而不是放在旁邊。下面是代碼：jQuery驗證插件重新定位錯誤消息

<script> $(document).ready(function() { 
    $("#form1").validate(); 
    $("#form2").validate({ 
     rules: { 
      "option[]": { 
       required: true, 
       minlength: 1 
      } 
     } 
    }); 
}); 
</script> 
        <form action="#" name="form2" id="form2"> 
<input type="checkbox" name="option[]" value="DataProject"/> 
DataProject 
</label> 
<br /> 
<label> 
    <input type="checkbox" name="option[]" value="DC control" /> 
    DC control</label> 
<label><br /> 
    <input type="checkbox" name="option[]" value="Computher" /> 
    Computer</label> 
<br /> 
<label> 
    <input type="checkbox" name="option[]" value="OHP" /> 
    OHP</label> 
<p> * Please check at least one

來源

2012-02-18 methuselah

你可以嘗試使用<div>爲errorElement：

$("#form2").validate({ 
    errorElement: 'div', 
    rules: { 
     "option[]": { 
      required: true, 
      minlength: 1 
     } 
    } 
});

來源

2012-02-18 18:56:34

我怎樣才能實現這個與上面的例子，所以它顯示錯誤信息'*請檢查至少一個'文本 – methuselah 2012-02-18 23:16:17

您也可以嘗試設置的默認值，如：

jQuery.validator.setDefaults({ 
    errorPlacement: function(error, element) { 
     if(element.attr('name') == 'm2'){ 
      error.insertAfter('small#m2_desc'); 
      error.css('display', 'none'); 
      error.css('color', 'red'); 
      error.fadeIn(); 
     } 
    } 
});

了html像：

<div class="rowElem"> 
          <label for"m2">M2 a limpar</label> 
          <input type="text" name="m2" value="'.$m2.'"/><br/> 
          <small id="m2_desc">mín: 100; máx: 10000</small> 
         </div>

這是我的一個項目的一個工作示例。

來源

2012-02-18 19:02:17 jribeiro

jQuery驗證插件重新定位錯誤消息

回答

相關問題