# Make AI component required

**URL:** <https://community.glideapps.com/t/make-ai-component-required/79230>\
**Category:** Ask for Help\
**Created:** [January 16, 2025, 2:50am UTC](https://community.glideapps.com/t/make-ai-component-required/79230 "2025-01-16T02:50:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mikaeldorval](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mikaeldorval/32/67405_2.png) [@Mikaeldorval](https://community.glideapps.com/u/Mikaeldorval)\
**Post date:** [January 16, 2025, 2:50am UTC](https://community.glideapps.com/t/make-ai-component-required/79230/1 "2025-01-16T02:50:42Z")

</div>

Any ways to make an AI component required so that it prevents the user from submitting when using a form or edit screen?

I’d rather not use user profile columns.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [January 16, 2025, 11:52am UTC](https://community.glideapps.com/t/make-ai-component-required/79230/2 "2025-01-16T11:52:08Z")

</div>

I use a custom button with AI Component and i provide a value(condition column) so I can disable or not my button.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 17, 2025, 12:16am UTC](https://community.glideapps.com/t/make-ai-component-required/79230/3 "2025-01-17T00:16:03Z")

</div>

First, make sure you have a required tag for the component so you’re done with the “aesthetic” side.

Then you can use something like this in CSS. I have always used it.

> [@Exploring the Enhanced Capabilities of Glide's Native Form](https://community.glideapps.com/t/exploring-the-enhanced-capabilities-of-glides-native-form/69876):
>
> I want to share about the additional capabilities that we can achieve with Glide’s native form. What I have tested with the help of CSS is that native forms can also be applied for validation. Create your validation in the table columns and present it through messages via the “hint” component. Add the visibility conditional and the class “prevent-submit” to these hint components. Add the following CSS code: /\*Container Form\*/ #page-root:has(.prevent-submi…