Javascript ile yapsanız bile hata taşıyan sadece bir tabı aktif edebilirsiniz. İki farklı tabda hata varsa bile kullanıcı sadece önce birini görecek. O yüzden şöyle bir şey olabilir:
$tabs = [
'tab1' => ['name','surname'], // İlk tabda yer alan alanlar
'tab2' => ['phone','address'] // İkinci tabda yer alan alanlar
];
<li class="active"><a data-toggle="tab" href="#genel">Genel {{ array_intersect($data['tab1'], $errors->keys()) ? 'Hata':null }}</a></li>
<li><a data-toggle="tab" href="#kariyer">Kariyer {{ array_intersect($data['tab2'], $errors->keys()) ? 'Hata':null }}</a></li>
Bu şekilde;
Eğer hata meydana gelmişse, hata veren alanlar tab1 içerisinde yer alıyorsa, tab1'in başlığına (Yani Genel) Hata yazısını ekle
Eğer hata meydana gelmişse, hata veren alanlar tab2 içerisinde yer alıyorsa, tab2'in başlığına (Yani Kariyer) Hata yazısını ekle
yapmış oluyorsunuz. Hata yazısı örnek, siz onun yerine CSS sınıfı da ekletebilirsiniz, dikkat simgesi de koyabilirsiniz vs...
Burada amaç hangi tabda hata varsa o tabda hata olduğuna dair kullanıcıya uyarı verdirmek. Böylece kullanıcı o taba tıklayıp hatasını görüp düzeltebilir.