F
Filament•5w ago
Arshavir

Validation with afterStateUpdatedJs()

Hi everyone, how can I hide validation message when option is selected via afterStateUpdatedJs(), to reduce server call? Similar this 
->afterStateUpdated(function ($livewire, $component) {
    $livewire->validateOnly($component->getStatePath());
})
->afterStateUpdated(function ($livewire, $component) {
    $livewire->validateOnly($component->getStatePath());
})
3 Replies
LeandroFerreira
LeandroFerreira•5w ago
what do you mean by "hide validation"?
Arshavir
ArshavirOP•5w ago
@LeandroFerreira I have custom page and Wizard, for example in first step I have many ToggleButtons, when user forgot choose option for some ToggleButtons and clicked to Next in Wizard, it shows Validation error message, I want that if user click ToggleButton's option - validation message disappear, for that I was used 
->live()
->afterStateUpdated(function ($livewire, $component) {
  $livewire->validateOnly($component->getStatePath());
}),
->live()
->afterStateUpdated(function ($livewire, $component) {
  $livewire->validateOnly($component->getStatePath());
}),
but this caused slowing on iPhone users (for some reason), why I commented it, now I want to reach this with new afterStateUpdatedJs() method from v4. Thanks
LeandroFerreira
LeandroFerreira•5w ago
Filament/Livewire rely on Laravel's validation. Some basic like required, maxlength etc run in the browser, but others happen in server-side. Personally, I believe backend validation is more secure, especially when using Wizard. It ensures users can only proceed to the next step if validation passes. I think if you want client-side validation, you'll need to implement it manually

Did you find this page helpful?