Deploy Validation Incorrectly Highlights "Load Nodes" Instead of Missing "GPU Cards" Field

[atefnazmy]

Description:

• When clicking "Deploy," the dashboard should highlight the missing required field (e.g., "GPU Cards"). Instead, it highlights the "Load Nodes" section, even when it’s not the missing field.

Steps to Reproduce:

1. Navigate to the Dashboard and login your account.
2. Select Deploy from the Sidebar then Virtual Machines and click on Full virtual machine Card.
3. Turn on GPU Toggle. Click on Load nodes
4. Leave the "GPU Cards" field empty.
5. Click "Deploy."
6. Observed: "Load Nodes" is highlighted.

Screenshot Of the Issue:

gpu.mp4

Environment:

• Package: Dashboard
• Network: Testnet
• Version: 2.8.0-rc4

[samaradel]

Work in Progress (WIP):

The form continues to highlight the node selection card even after adding the GPU cards to the validation function and investigating.

[samaradel]

blocked as there're no dedicated nodes with GPU are available

[samaradel]

Work Completed:

Validate the GPU card selector before deployment

[samaradel]

Work Completed:

The solution is explained as #4253 (comment) request.
I tried to check the deployed instance to verify some doubts, but I couldn't, and opened an issue #4261

[samaradel]

Work Completed:

Refactor and reduce checking node validation

[samaradel]

Work Completed:

• Create a form validation helper file for highlighting and scrolling
• Add data attribute targeting
• Add custom CSS selector
• Add the same error highlighting across all components

[atefnazmy]

• Verified on Dev,
• Version e907900
• Currently clicking "Deploy" btn on the dashboard correctly highlighted the missing required (GPU) field

Screenshot:

Screencast.From.2025-07-22.12-22-14.mp4

Related Link:

• Test Case Link