# Show field validation message above field

**URL:** https://community.gravityforms.com/t/show-field-validation-message-above-field/2967
**Category:** Get Help
**Tags:** validation
**Created:** [October 9, 2019, 2:11pm UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967 "2019-10-09T14:11:21Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![leehord](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/leehord/32/1066_2.png) [@leehord](https://community.gravityforms.com/u/leehord)
#### Post date: [October 9, 2019, 2:11pm UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967/1 "2019-10-09T14:11:21Z")

</div>

Is there a good way to have the field validation message shown above the field? If so, is there a hook I can use?

I haven’t been able to find a great way of doing this without some jQuery DOM trickery which is less than ideal.

Thanks.

---

<div class="post-metadata">

### Author: ![uamv](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/uamv/32/1412_2.png) [@uamv](https://community.gravityforms.com/u/uamv)
#### Post date: [October 9, 2019, 3:17pm UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967/2 "2019-10-09T15:17:52Z")

</div>

I’d check out [CSS grid-areas](https://css-tricks.com/snippets/css/complete-guide-grid/). I’ve found it very useful for reordering DOM elements w/o use of jQuery. It’d look something like this:

```auto
.gfield {
  display: grid;
  grid-template-areas: "label" "validation";
}
.gfield_label {
  grid-area: label;
}
.validation_message {
  grid-area: validation;
}

```

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [October 9, 2019, 6:29pm UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967/3 "2019-10-09T18:29:19Z")

</div>

There is no hook to change where the message is output. I think your DOM manipulation is currently the best way to handle this. Thank you.

---

<div class="post-metadata">

### Author: ![leehord](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/leehord/32/1066_2.png) [@leehord](https://community.gravityforms.com/u/leehord)
#### Post date: [October 10, 2019, 8:16am UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967/4 "2019-10-10T08:16:22Z")

</div>

Thanks Joshua, I’d never even considered using grid.

---

<div class="post-metadata">

### Author: ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)
#### Post date: [January 4, 2022, 5:16pm UTC](https://community.gravityforms.com/t/show-field-validation-message-above-field/2967/5 "2022-01-04T17:16:53Z")

</div>