Home/ Questions/Q 8645091
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:27:38+00:00

Hey all i am trying to get my jquery code below to work: function

  • 0

Hey all i am trying to get my jquery code below to work:

function submitContactUs() {
    if ($('#cf-name-txt').val() == '' || $('#cf-name-txt').val().charAt(0) == '*') {
        $('#cf-name-txt').append("<img src=\"img/attention.png\" width=\"16\" height=\"16\" style=\"position:absolute; left: -7px; top: 7px;\" />");
    }       
}

And the HTML code is this:

<div id="contactus-name">
    <input type="text" id="cf-name-txt" style="width: 200px;" class="formBoxesContact" value="*Your Name">
</div>

It works with adding the image to the end of the html code above but its not displaying? It looks like this in firebug:

firebug

What am i doing to cause it not to display?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this

    $('#cf-name-txt').after("<img src=\"img/attention.png\" width=\"16\" height=\"16\" style=\"position:absolute; left: -7px; top: 7px;\" />");

    OR 

    $("<img src=\"img/attention.png\" width=\"16\" height=\"16\" style=\"position:absolute; left: -7px; top: 7px;\" />").insertAfter($('#cf-name-txt'));

    You are trying to append image to input.. Try appending after the input tag..

    .after() should work

    EDIT

    if( !$('#cf-name-txt').next('img').length)
$('#cf-name-txt').after("<img src=\"img/attention.png\" width=\"16\" height=\"16\" style=\"position:absolute; left: -7px; top: 7px;\" />");​

    FIDDLE

    • 0