Home/ Questions/Q 8561411
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T16:29:49+00:00

I have a submit button that on click, jquery checks if anything has been

  • 0

I have a submit button that on click, jquery checks if anything has been selected. If not then it does show() on an error message. Here’s the html:

<p id="error_message" style="display:inline">dfd</p><input type="submit" class="button" name="Submit" value="Submit" />

At the beginning the message is hidden, but then revealed if the user clicks submit without selecting an option. The problem is, the displaying on my text shifts my submit button. This is what the submit looks like without the message:
Not shifted

And here’s what it looks like after the message is displayed:
Shifted

As you can see, the submit button moves to the right. I have to display inline if I want both the error message and submit to appear on the same line but how do I prevent any movement? Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    if you set the button to float:right; it stays on the right end of its container, until content from left div forces it to drop to next row.

    so html:

    <div class='container'>
    <p id='error_message' style='display:inline;float:left;' >dfd </p>
    <input type='submit' style='float:right;' name='submit'>
</div>
    • 0