john pfeiffer
  • Home
  • Categories
  • Tags
  • Archives

javascript validation example2

<html><head></head><body>

Fixes:
<td valign="top"><input type="radio" name="rdDisplaySize" value="5.7 VGA TFT" CHECKED></td>

if(!f.elements["rdDisplaySize"][0].checked ) {
        alert("Please choose a Display size.");
        f.elements["rdDisplaySize"][0].focus();
        return;
    }


<script language="JavaScript">

function checkSingupForm(){
    var f = document.forms["f"];

//this array should contain every text field you require to be filled in
    var arr = [
                 ["txFirstName","First Name"]
                ,["txLastName","Last Name"]
                ,["txCompany","Company"]
                ,["txTown","Town"]
                 ,["txEmail","E-mail"]
            ];

//for loop checks each value if it is blank "" ... then popup alert and changes focus
    for(i=0;i<arr.length;i++){
        if(f.elements[arr[i][0]].value == ""){
            alert("Please fill in " + arr[i][1] + ".")
            f.elements[arr[i][0]].focus();
            return;
        }
    }

//a regular expression check to ensure the email is in a valid email format
    var emailRE = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\-])+\.)+([a-zA-Z0-9]{2,4})+$/
    if( !emailRE.exec(f.elements["txEmail"].value) ){
        alert("Please fill in a valid e-mail address.");
        f.elements["txEmail"].focus();
        return;
    }

//ensures that the display size have been filled out... mistake!
    rdDisplaySizeValid = -1;
    for( i=0; i< f.elements["rdDisplaySize"].length; i++)
    {
        if( f.elements["rdDisplaySize"][i].checked ){   rdDisplaySizeValid = 1; }
    }

    if( rdDisplaySizeValid == -1 )
    {
        alert("Please choose a Display size.");
        f.elements["rdDisplaySize"][0].focus();
        return;
    }

//ensures that the embeddedconfiguration field has been checked at least once...
    if(!f.elements["rdEmbeddedConfiguration"][0].checked && !f.elements["rdEmbeddedConfiguration"][1].checked) {
        alert("Please choose a Embedded Configuration.");
        f.elements["rdEmbeddedConfiguration"][0].focus();
        return;
    }

    f.submit();
}

//-->
</script>










<form name="f" method="post" action="send_enquiry_displays.asp">

                            <input type="hidden" name="hiddenField" value="UMRCOMP-2009-10">

                            <tr>
                                <td nowrap>First Name:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txFirstName" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Last Name:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txLastName" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Company:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txCompany" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Website:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txFirstName" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Job Title:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txJobTitle" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Address:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txAddress" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Town:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txTown" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Postcode:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txPostcode" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Country:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txCountry" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>E-mail:*&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txEmail" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Telephone:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txPhone" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap>Application area:&nbsp;&nbsp;</td>
                                <td><input class="pTextBox1" name="txApplicationArea" type="text" value=""></td>
                            </tr>
                            <tr>
                                <td height="20" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap valign="top">Display size:*&nbsp;&nbsp;</td>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0">

                                    <tr>
                                        <td valign="top"><input type="radio" name="rdDisplaySize" value="5.7 VGA TFT"></td>
                                        <td><img src="images/spacer.gif" width="5" height="1" border="0"></td>
                                        <td style="padding-top:2px;">5.7" VGA TFT</td>
                                    </tr>
                                    <tr><td height="3" colspan="3"><img src="images/spacer.gif" width="1" height="1" border="0"></td></tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="20" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td nowrap valign="top">Embedded<br>configuration:*&nbsp;&nbsp;</td>
                                <td>
                                    <table border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td valign="top"><input type="radio" name="rdEmbeddedConfiguration" value="EVK-UMR-X5-312MHz"></td>
                                        <td><img src="images/spacer.gif" width="5" height="1" border="0"></td>
                                        <td style="padding-top:2px;">312MHz CPU, 64MB RAM, 128MB NAND Flash,<br />100 Base-T wired Ethernet</td>
                                    </tr>
                                    <tr><td height="3" colspan="3"><img src="images/spacer.gif" width="1" height="1" border="0"></td></tr>
                                    <tr>
                                        <td valign="top"><input type="radio" name="rdEmbeddedConfiguration" value="EVK-UMR-X5-520MHz"></td>
                                        <td><img src="images/spacer.gif" width="5" height="1" border="0"></td>
                                        <td style="padding-top:2px;">520MHz CPU, 128MB RAM, 512MB NAND Flash,<br />100 Base-T wired Ethernet</td>
                                    </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="5" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td colspan="2" nowrap>
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <td nowrap>Wireless LAN:&nbsp;&nbsp;</td>
                                        <td><input type="checkbox" name="ckWirelessLAN" value="1"></td>
                                    </table>
                                </td>
                            </tr>

                            <tr>
                                <td colspan="2" nowrap>
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <td nowrap>Promotional Code:&nbsp;&nbsp;</td>
                                        <td><input type="text" name="txPromotionalCode"></td>
                                    </table>
                                </td>
                            </tr>

                            <tr>
                                <td height="20" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td valign="top"><input type="hidden" name="whereDidYouHear" value="WUNL0309#1"></td>
                            </tr>


                            <tr>
                                <td height="15" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td colspan="2"><i>All fields marked (*) are required</i></td>
                            </tr>
                            <tr>
                                <td height="15" colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="right">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td><a href="javascript:checkSingupForm()" onClick="this.blur()" onmouseover="genericRollover('elImgSubmit','images/buttons/submit_over.gif');window.status='Submit Form';return true;" onmouseout="genericRollover('elImgSubmit','images/buttons/submit.gif');window.status='';return true;"><img src="images/buttons/submit.gif" name="elImgSubmit" alt="Submit Form" width="66" height="22" hspace="10" border="0"></a></td>
                                    </tr>
                                    </table>
                                </td>
                            </tr>
                            </form>


</body>
</html>

  • « Gc.sh
  • cegcc »

Published

Feb 6, 2010

Category

javascript

~628 words

Tags

  • javascript 43
  • validation 8