Hello team,
I am facing one issue . Suppose I have 3 columns required out of 6. So , if user. Doesn't click on the required ones and fills other he doesn't get any validation for required fields and also the save button gets enabled. Idk how to handl this. Could you help me with this.
Thanks and regards
Rohit Rawat
As you accumulate more Brainrots in steal a brainrot, your wealth grows, but so does the risk of being robbed by other players. To protect your collection, you need to set up defenses such as locks and temporary shields. The game combines strategy, risk-taking, and social competition, providing a thrilling and challenging experience for players. Whether you choose to steal or defend, every decision impacts your progress in this dynamic and entertaining world.
Hello Rohit, this issue usually occurs when the validation logic isn’t properly linked to the required fields in your form configuration. You need to ensure that each required column has a validation rule that triggers on both focus-out and form submission events. Also, the save button should remain disabled until all required fields are validated successfully. You can achieve this by dynamically checking the form’s validity status before enabling the save option. It’s similar to how processes are streamlined at airport terminal 3, where every checkpoint must be cleared before proceeding to the next stage for smooth operation.
Hello, the issue is that required fields aren’t being validated, so the save button enables even if they’re empty. You can fix this by adding a check that ensures all required columns are filled before enabling save. For example, on Baddiehub, users shouldn’t be able to post without completing mandatory fields, ensuring proper validation and better user experience.
Hi Rohit, this usually happens when the required field validation isn’t properly bound to the form state, so even if a user skips the mandatory columns, the save button still gets enabled; to fix this you should ensure validation rules are explicitly set for the required fields at both the UI and backend level, and link the button’s enabled/disabled state to the overall form validity—think of it like checking the Little Caesars menu prices where you can’t confirm an order unless you’ve selected the required items, the same logic should apply to your required fields so that the form cannot proceed until they are filled.
Hello Rohit,I’m sharing a working sample that demonstrates how to configure required fields in the igGrid using Ignite UI for jQuery, along with an enhancement to improve the default user experience.
igGrid
By default, when configuring a column with:required: true,validation: truethe grid allows the user to click the "Done" button, even if required fields are not filled. However, when they attempt to commit the row, the grid will prevent saving and visually mark the invalid fields with a red border.
In the attached sample, we’ve added logic that dynamically:
Validates required fields (ID, Name, and Email) as the user types.
ID
Name
Email
Disables the “Done” button (ui-state-disabled) if any of the required fields are empty.
ui-state-disabled
Enables the button only when all required fields are valid.
This is done by hooking into the iggridupdatingeditrowstarted event and monitoring input changes in real-time. The goal is to prevent users from even attempting to save invalid data, giving a more intuitive and controlled experience.Please review the attached sample.
iggridupdatingeditrowstarted
index.zip
Best Regards,Arkan AhmedovInfragistics