# Moving Validation Error Box from Top to Bottom of Form

**URL:** <https://forums.knack.com/t/moving-validation-error-box-from-top-to-bottom-of-form/17167>\
**Category:** Ask Developers\
**Created:** [May 9, 2024, 2:42pm UTC](https://forums.knack.com/t/moving-validation-error-box-from-top-to-bottom-of-form/17167 "2024-05-09T14:42:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Quynh-Tram](https://avatars.discourse-cdn.com/v4/letter/q/e9c0ed/32.png) [@Quynh-Tram](https://forums.knack.com/u/Quynh-Tram)\
**Post date:** [May 9, 2024, 2:42pm UTC](https://forums.knack.com/t/moving-validation-error-box-from-top-to-bottom-of-form/17167/1 "2024-05-09T14:42:27Z")

</div>

I have some validation rules built in for fields. So, when I click submit on a form, the error message pops up at the top. However, I want to move the validation/error from the top to the bottom of the form. How can I do this? I tried using JavaScript but it isn’t working.

![image](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/7/7c2f5d0ab29c51cccc9ee5fe9dc5ede4b1032006.png)

---

<div class="post-metadata">

**Author:** ![Quynh-Tram](https://avatars.discourse-cdn.com/v4/letter/q/e9c0ed/32.png) [@Quynh-Tram](https://forums.knack.com/u/Quynh-Tram)\
**Post date:** [May 9, 2024, 2:46pm UTC](https://forums.knack.com/t/moving-validation-error-box-from-top-to-bottom-of-form/17167/2 "2024-05-09T14:46:18Z")

</div>

Nevermind! This code works.

//change your view  
$(document).on(“knack-view-render.view\_xx”, function (event, view, data) {  
Knack.$(`#${view.key} form`).on(“submit”, function () {  
setTimeout(() =\> {  
if (Knack.$(“.kn-message.is-error”)) {  
Knack.$(“.kn-submit”).after(Knack.$(“.kn-message.is-error”));  
}  
}, 1000);  
});  
});