I have a form for a registration page. The form contains an image that changes its src dependant on a situation.
Within a script which activates upon submission of the form, I want the form to call an alert if that image has a particular src, so I need a way of retrieving and comparing the value.

HTML:

<form action=register_submit.php method=post name=mainform enctype=multipart/form-data onSubmit=return checkForm(this);return false;>

JS:

    function checkForm(f)

    {if ([image src value] == pictures/apic.png)

       {

          alert(error picture is apic);

          return false;

       }

     else

       {

          f.submit();

          return false;

       }

    }

Here is the relative code in full:

    <script type=text/javascript>

            function checkForm(f)

            {if ([image src value] == pictures/apic.png)

               {

                  alert(error picture is apic);

                  return false;

               }

             else

               {

                  f.submit();

                  return false;

               }

            }

    </script>



    <form action=register_submit.php method=post name=mainform enctype=multipart/form-data onSubmit=return checkForm(this);return false;>



    <div class=required>

    <label for=first_name>*First Name:</label>

    <input type=text name=first_name id=first_name class=inputText onkeyup=checkFName(this.value); onblur=checkFName(this.value); maxlength=20 size=10 value= />

    <img id=FName_Status name=FName_Status src=/pictures/bad.png style=margin-left:5px; position:absolute; alt=FName_Status />

    </div>



    (OTHER OBJECTS)

    </form>



<input type=submit  name=sub class=inputSubmit value=Submit &raquo;/>