jqueryが検証エラーの後にトリガーされました

Question

laravelcollective/html 5.2でlaravel 5.3を使用しています。 チェックを入れると、非表示の入力が出てきて、入力を非表示にします。 .. laravelからの検証要求エラーチェックボックスがチェック残るが、隠された入力が現れdidntの..私は助けを必要としてくださいおかげで..

私のチェックボックスのhtml：

<label> 
{!! Form::checkbox('penerima_beda', '1', null, ['id' => 'penerima_beda']) !!}Penerima Berbeda 
</label> 

、ここでは私のjQueryのです：

$("#penerima_beda").click(function() { 
     if(this.checked){ 
      $("#panel_penerima").css("display", "block"); 
      $("#nama_penerima").attr("required", "required"); 
      $("#no_telp_penerima").attr("required", "required"); 
      $("#alamat_penerima").attr("required", "required"); 
      //console.log(this); 
     }else if(!this.checked){ 
      $("#panel_penerima").css("display", "none"); 
      $("#nama_penerima").removeAttr("required"); 
      $("#no_telp_penerima").removeAttr("required"); 
      $("#alamat_penerima").removeAttr("required"); 
     } 
    }); 

Answer 1

あなたが非表示の入力フィールド

$(document).ready(function() { 

    // Show the input if the checkbox is checked 
    if ($("#penerima_beda").is(":checked")) { 
     $("#panel_penerima").css("display", "block"); 
     $("#nama_penerima").attr("required", "required"); 
     $("#no_telp_penerima").attr("required", "required"); 
     $("#alamat_penerima").attr("required", "required"); 
    } 

    // This works only on click event 
    $("#penerima_beda").click(function() { 
     if(this.checked){ 
      $("#panel_penerima").css("display", "block"); 
      $("#nama_penerima").attr("required", "required"); 
      $("#no_telp_penerima").attr("required", "required"); 
      $("#alamat_penerima").attr("required", "required"); 
     }else if(!this.checked){ 
      $("#panel_penerima").css("display", "none"); 
      $("#nama_penerima").removeAttr("required"); 
      $("#no_telp_penerima").removeAttr("required"); 
      $("#alamat_penerima").removeAttr("required"); 
     } 
    }); 

});