JS Form Validation Alert Messages

[tech_angel420]

Is there any way to get form validation alerts (I.E. "The first name field must not be left blank.") to appear on the page rather than displaying on the page? And if so, can the font/color properties be edited? An example of this might be done would be very much appreciated. Thanks.

[tech_angel420]

An example of how this is done can be found on Amazon.com. If there is a problem with a form, the page refreshes and a box is displayed above the form marked Important Message and then all the problems with the form are displayed beneath the actual form field. How the heck is this accomplished??? I tried viewing source and wasn't able to really decipher what was going on... HELP PLEASE!

[Malcolm]

They're probably using a PHP or ASP solution but something like this can also work:

Code: Select all

<script type="text/javascript">
function check(){
   document.getElementById('alerts').innerHTML="";
   //your checking would go here
   if( 1==1){
      document.getElementById('alerts').innerHTML=document.getElementById('alerts').innerHTML+" New alert message!<br />";
   }
}
</script>
<div id="alerts" style="color:#f00;font-weight:bold;">
</div>
<input type="button" value="Click Me!" onclick="check();" />