Javascript Form Validator - HTML example

Give me coffee and no one gets hurt.

Javascript Form Validator - HTML example

Postby ShiftPoint » Sun Jul 05, 2009 9:13 pm

Been working on a project that required the checking of an email address html forum field, name field and a check box field (ageement of TOS).

So I found a standard MM_validateForm() java script function and modified it to do the job.

Here is java script function:

Code: Select all
function MM_validateForm() { //v4.0

  if (document.getElementById){

    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;

    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);

      if (val) { nm=val.id;

                   if(val != null && test=='checked')

                        {

                              if(!val.checked)

                              errors += '- '+'Please confirm agreement to the Terms of Service.\n';

                        }

                  if ((val=val.value)!="") {

        if (test.indexOf('isEmail')!=-1) { p=isEmail(val);

          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain a valid e-mail address.\n';

        } else if (test!='R') { num = parseFloat(val);

          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');

            min=test.substring(8,p); max=test.substring(p+1);

            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';

      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }

    } if (errors) alert('The following error(s) occurred:\n'+errors);

    document.MM_returnValue = (errors == '');

} }



And here is what the html forum submit input looks like:

Code: Select all
<input type="image" id="submit"  src="images/submit.gif" onclick="MM_validateForm('OptIn','','checked','s','','RisEmail','p','','R');return document.MM_returnValue" value="Submit" />


This is assuming you have an input field called "Optin". 8-)
User avatar
ShiftPoint
 
Posts: 70
Joined: Sun Jul 05, 2009 4:52 pm
Location: Pickerington, OH

Re: Javascript Form Validator - HTML example

Postby ShiftPoint » Sun Jul 05, 2009 9:13 pm

Also something to keep in mind is that java scripts like this have pretty crappy effectiveness in firefox. However since I was told to develop the page for IE. It works perfect!
User avatar
ShiftPoint
 
Posts: 70
Joined: Sun Jul 05, 2009 4:52 pm
Location: Pickerington, OH


Return to J2EE

Who is online

Users browsing this forum: No registered users and 0 guests

cron