Question

How can I display a text just next to the Text Box using jQuery, like if Name is not entered in the Form, so after clicking the Submit Button it will show the Text just next to the Name Text Box and I don’t want to use the validation for this, I am checking the Text Box value using simple jQuery coding..?
Here is my Code..

$('#btnAddContact').click(function () {
        if ($("#name").val().length <= 0) {
             $("#name").val("");
             $("#name").focus();
});

Answer 1

Will add a new div after the name if it do not exist.

$('#btnAddContact').click(function () {
  var msg = $('#name-message');
  if (msg.length == 0) {
      msg = $('<div id="name-message"></div>')
      $('#name').after(msg);
  }

  msg.html('Opps. Error!');   
});