jquery - 検証はチェックボックスに依存しますか？

Question

チェックボックスがオンになっている場合にのみ表示されるセクションがフォームにあります。したがって、thoのフィールドの検証は、チェックボックスがオンになっている場合にのみ適用されます。私のコードは機能しません。

これは私がこれまでに得たものであり、この情報を見つけました：

http://docs.jquery.com/Plugins/Validation

// Validation

function validateForm() {
    $('#frmMain').validate({
        rules: {

            SuretyFullName: { required: '#chkSurety:checked' } //if required: true it works all the time.
        },
        messages: {
            SuretyFullName: { required: 'Required' }
        },

        submitHandler: function (form) {
            $('#btnSubmit').click();

        }
    });
}

コード編集：次のアドバイス：フォームが応答しなくなります：

$(document).ready(function(){
  $("#btnSubmit").click(function(){
if($('#chkSurety').is(":checked"))
{  
function validatesurety(){
 $('#frmMain').validate({
 rules: {       
            SuretyFullName: { required: true } 
            },
        messages: {
            SuretyFullName: { required: 'Required' } 
        }
    });
}

Answer 1

チェックしたかどうかを確認してから、関数を実行できます

  $(document).ready(function(){
 //the submit click 
      $("#submit").click(function(){
    if($('#checkboxid').is(":checked"))// check if the checkbox checked if yes 
    {
    //then call you function 
    function validateForm() ;
    }
      });
    });

Answer 2

これをvalidateForm関数内に入れます：

// set the default rules
var rules = {
    SuretyFullName: { required: false },
    SuretyIDNumber: { required: true}, 
    SuretyPhysicalAddress: { required: true }, 
    SuretyHomeTel: { required: true}, 
    SuretyPlace: { required: true}, 
    SuretyDay: { required: true }, 
    SuretyMonth: { required: true } 
 };

 // override the full name rule, based on the checkbox
 rules.SuretyFullName.required = $('#chkSurety').is(':checked');

 $('#fmrMain').validate({
      rules: rules,
      ...
 });

Answer 3

function validateForm() {
    $('#frmMain').validate({
        rules: {

           SuretyFullName: { required: function (element) { if ($('#chkSuretyShip').is(':checked')) { return true } else { return false} } },           
        },
        messages: {
            SuretyFullName: { required: 'Required' }
        },

        submitHandler: function (form) {
            $('#btnSubmit').click();

        }
    });
}