單選按鈕組上的jQuery驗證自定義錯誤消息

Question

我使用下面的代碼進行組合框組驗證，它顯示此字段是必需的。作爲錯誤消息，請輸入。我如何修改下面的代碼來自定義消息。提前致謝。

$(document).ready(function() {  

    $('input[name="batches.batch"]').rules("add", "required");//works fine 
    $('input[name="batches.batch"]').messages("error message1", "error message2");// no effect 

}); 

我的HTML：

<input name="batches.batch" type="radio" value="" />First <br /> 
    <input name="batches.batch" type="radio" value="" />Second<br /> 
    <input name="batches.batch" type="radio" value="" />Third<br /> 
    <input name="batches.batch" type="radio" value="" />Fourth<br /> 

庫我使用的是：

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.10.1.custom.min.js"></script> 
<script type="text/javascript" src="js/custom/jquery.validate.min.js"></script> 

Answer 1

你的代碼...

$('input[name="batches.batch"]').rules("add", "required");//works fine 
$('input[name="batches.batch"]').messages("error message1", "error message2");// no effect 

這因爲no documented method叫做.messages()。方法必須由插件開發人員創建才能使用。

相反，messages去你rules('add')方法，像這樣的內...

$('document').ready(function() { 

    $('#myform').validate(); 

    $('input[name="batches.batch"]').rules("add", { 
     required: true, 
     messages: { 
      required: "my custom required message" 
     } 
    }); 

}); 

工作演示：http://jsfiddle.net/rDcDW/

以上的偉大工程動態添加規則，但是，如果你只需要workaround the name's with dots issue，只需聲明規則正常，但使用報價圍繞name ...

$(document).ready(function() { 

    $('#myform').validate({ // initialize the plugin 
     rules: { 
      'batches.batch': { 
       required: true 
      } 
     }, 
     messages: { 
      'batches.batch': { 
       required: "my custom required message" 
      } 
     } 
    }); 

}); 

工作演示：你使用的是哪個，jQuery的驗證或jQuery的驗證引擎http://jsfiddle.net/YZs3Y/

Answer 2

$("#formid").validate({ 
    rules: { 
     batch: "required" 
    }, 
    messages: { 
     batch: { required: "Customized error message" } 
    } 
});