question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug] Error validations with tabs

See original GitHub issue

Bug report

What I did

I have a form with 2 tabs and in the second tab i have and email input.

What I expected to happen

Submit form

What happened

When you are in the second tab and click save if the email is invalid the browser show and error. But if you are in the first tab the form is not sending and the user don’t see the error.

If you are in the second tab: imagen

What I’ve already tried to fix it

Tested in different browsers(Chrome and Firefox) and same result in boths.

I don’t know how to fix it. I change the input to text and use laravel validations to check if is and email.

Is it a bug in the latest version of Backpack?

After I run composer update backpack/crud the bug… is it still there?

Yes, the error persist.

Backpack, Laravel, PHP, DB version

When I run php artisan backpack:version the output is: PHP 7.4 Laravel v8.33.1 Backpack 4.1.65

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
adriallongarriucommented, Jan 31, 2022

Previously with firefox the behavior was like chrome. No show error and form not submitted. But in firefox the console did not show the error An invalid form control with name='field_name' is not focusable.

I copy the file form_save_buttons.blade.php from the PR to my project backpack 4.1 Tested in chrome and firefox and it work in both.

1reaction
pxpmcommented, Jan 30, 2022

I think this could be related with: https://github.com/Laravel-Backpack/CRUD/pull/2340

I will have a better look at it tomorrow!

Read more comments on GitHub >

github_iconTop Results From Across the Web

laravel - Display validation error in the proper tab
Whenever I made a validation error, say in the edit tab, then it will return to the first tab and I'll have to...
Read more >
Multiple tabs, on validation error can't change tab — oracle-tech
Hello, I have multiple tabs on my page and at the load of my page I add empty rows to multiple View objects....
Read more >
HTML5 Validation Prevents Submission in Tabs - Drupal
Problem /Motivation Form validation messages are not visible when submitting forms with invalid fields in inactive tabs.
Read more >
validation error and tab control - MSDN - Microsoft
Hi,. I got a problem when one tab have error(red border textbox) then i change to another tab n change back to the...
Read more >
MVC form validation in multiple tabs - auto jump to ... - Telerik
However, if the user makes an input error in a field, goes to a different tab and press submit the error will appear...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found