I some added js to my guest book page. If someone pushes the submit button but does not leave a name I want to inform the viewer that they need to insert a name. I've done that fine but the only problem is that when I then push OK on the pop the page still continues to progress and enteres the viewers entry in.

How can I stop the loading the message being put thourgh.

here is the java script and the formdetails.

thanks for any help

<script type="text/javascript">
	  
	  function formValidator(){
	var firstname = document.getElementById('moreInfo');
	if(emptyBox(firstname, "Please enter your name.")){
							return true;
						} else {
		return false;
	
}
}
	  function emptyBox(elementJason, returnMessage) {
	       if (elementJason.value.length == 0) {
		         alert(returnMessage);
				 elementJason.focus();
				 return true;
			} else {
			  return false;
		}
		}
		</script>

<form method="post" name="form1" onsubmit="return formValidator()" action="<?php echo $editFormAction; ?>">
        <table align="center">
          <tr valign="baseline">
            <td width="82" align="right" nowrap class="headerwhite">Name:</td>
            <td width="419"><input type="text" id="moreInfo" name="Name" value="" size="32"></td>
          </tr>
          <tr valign="baseline">
            <td align="right" nowrap class="headerwhite">Location:</td>
            <td><input type="text" name="Location" value="" size="32"></td>
          </tr>
          <tr valign="baseline">
            <td align="right" nowrap class="headerwhite">Email:</td>
            <td><input type="text" name="Email" value="" size="32"></td>
          </tr>
          <tr valign="baseline">
            <td align="right" nowrap class="headerwhite">Website:</td>
            <td><input type="text" name="Website" value="" size="32"></td>
          </tr>
          <tr valign="baseline">
            <td align="right" valign="top" nowrap class="headerwhite">Comments:</td>
            <td><textarea name="Comments" cols="50" rows="5"></textarea>
            </td>
          </tr>
          <tr valign="baseline">
            <td nowrap align="right">&nbsp;</td>
           <td><input type="image" value="Insert record" name="submit" src="../images/submitbutton.jpg"></td>
          </tr>
        </table>
        <input type="hidden" name="MM_insert" value="form1">
      </form>

You just needed to reverse the true and false order in your function.

function formValidator(){
  var firstname = document.getElementById('moreInfo');
 if(emptyBox(firstname, "Please enter your name.")){
  return false;
 } else {
  return true; 
  }
}

Big thanks mgraphic! It works now.

I'm now going to try and help 3 people on this site with something if I can. I think that should be a moral rule.

I tried to add talkupation but can't because i've already done it before.