# Sp-textfield -\> how to show error message below

**URL:** <https://forums.creativeclouddeveloper.com/t/sp-textfield-how-to-show-error-message-below/6108>\
**Category:** UXP Plugin API\
**Tags:** uxp, javascript\
**Created:** [March 29, 2023, 1:42pm UTC](https://forums.creativeclouddeveloper.com/t/sp-textfield-how-to-show-error-message-below/6108 "2023-03-29T13:42:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rbrowning](https://avatars.discourse-cdn.com/v4/letter/r/dfb087/32.png) [@rbrowning](https://forums.creativeclouddeveloper.com/u/rbrowning)\
**Post date:** [March 29, 2023, 1:42pm UTC](https://forums.creativeclouddeveloper.com/t/sp-textfield-how-to-show-error-message-below/6108/1 "2023-03-29T13:42:03Z")

</div>

When using the sp-textfield, I validate my text on an event. I add the ‘invalid’ attribute which displays the red outline and red error icon. How would I display error text beneath?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/8/8a12bb056e0b9aee5896bef2e68c8e75b504b496.png)

Example

---

<div class="post-metadata">

**Author:** ![rbrowning](https://avatars.discourse-cdn.com/v4/letter/r/dfb087/32.png) [@rbrowning](https://forums.creativeclouddeveloper.com/u/rbrowning)\
**Post date:** [March 29, 2023, 1:52pm UTC](https://forums.creativeclouddeveloper.com/t/sp-textfield-how-to-show-error-message-below/6108/2 "2023-03-29T13:52:22Z")

</div>

My current implementation. I can manually add invalid and show the outline and error icon, but I can’t seem to get the help text → negative slot to work.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/4/4a29b98c8df80071013df35126968c78fab7d21d.png)