I'm currently working on an assignment for a company that I'm applying to. I need to have a text input with a submit button that shows suggestions as the user types but it also needs to shows validation messages based on what the user types. I'm looking for suggestions on a clean way on how to show this.

Here's my current layout:

enter image description here

If it's not clear, the textbox is on the left with the suggestions under it, the submit button is in the middle and the validation message is on the right. I could put the validation message below the suggestions but that might look a bit crowded. Any other suggestions? It's not terrible the way it is but it looks a little awkward to me. Thanks!

1 Answer 1


I think you can display the error message inside the dropdown if the typed text is incorrect and doesn't find any results.

You can also suggest them to add the incorrect option as an option if that is the case.

enter image description here

  • Thank you, that's a very useful suggestion
    – Ryan
    Commented Apr 1, 2020 at 21:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.