Learn VBA & Macros in 1 Week!

JavaScript - Validating Checkbox How To (novice)

Full Excel VBA Course - Beginner to Expert

Validating Checkbox How To (novice)	View Content

Hello,

So all I need to do is have a checkbox above the 'submit' button that the user must check before the button becomes active.

Once the user checks the checkbox, then the button becomes active - and users can click on this button to get to the new page.

However, I haven't found any tutorials online that handle this exactly. What I have found is example scripts that have multiple checkboxes, etc...and if I try to remove any of them from the script, it seems to mess up the functionality.

So - take this for example. This would actually work perfect, if the male/female option wasn't there, and the 'reset' wasn't there either:

Quote:
<head>
<script type="text/javascript">
function validate(form) {
// Checking if at least one period button is selected. Or not.
if (!document.form1.sex[0].checked && !document.form1.sex[1].checked){

alert("Please Select Sex");
return false;}

if(!document.form1.agree.checked){alert("Please check the terms and conditions");
return false; }

return true;
}
</script>
</head>

<body>
<table border='0' width='50%' cellspacing='0' cellpadding='0' ><form name=form1 method=post action=action_page.php onsubmit='return validate(this)'><input type=hidden name=todo value=post>

<tr bgcolor='#ffffff'><td align=center ><font face='verdana' size='2'><b>Sex</b><input type=radio name=sex value='male'>Male </font><input type=radio name=sex value='female'><font face='verdana' size='2'>Female</font></td></tr>

<tr><td align=center bgcolor='#f1f1f1'><font face='verdana' size='2'><input type=checkbox name=agree value='yes'>I agree to terms and conditions </td></tr>
<tr bgcolor='#ffffff'><td align=center ><input type=submit value=Submit> <input type=reset value=Reset></td></tr>
</table>
</body>
I try to manually remove the 'male/female' options for this in Dreamweaver, but then the script doesn't work properly.

Can anybody help me out here? Would be greatly appreciated.

Thank you

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Novice - Need Help With Some Javascript

From Novice Javascripter

Bmi Calculator - Novice Cannot Get It Working!

Novice - Image Gallery Help

If..else If, Not Working (novice Alert)

Novice Asking For Help With Form/calculator Coding

Check Another Checkbox When A Checkbox Is Checked !

Help For Novice Javascripter With Cross Browser Problem

Novice Question About Emailing Form Submissions

Novice Needs A Video And Screenshots Flash Slideshow To Play In Same Frame

Change Checkbox With Checkbox

Map Not Validating

Validating Xml Against Xsd

Validating Form

Validating Sum Of <input>

Validating Error

Validating Address

Validating Forms Using If Else

Validating The Sum Of Two Inputs

Learn VBA & Macros for Excel in 1 Week!

Novice - Need Help With Some Javascript

Similar Tutorials

Evening all

A complete novice here who is trying to learn a bit about web development on a basic level.

Ive kind of got my head round basic html and css, and i mean basic but its working for me and thats all i need for now

What i've been trying to do is incorporate some javascript into my demo site to make it a bit more dynamic and have found some code that looks like what i need (simple slideshow) but i cant get a result

the code i found allegedly just drops in amongst the index html where required and works. Trouble is if i try and save my index html to preview i cant save the file as html as it reverts to a standard text file.

I tried to create an external .js file and link it to my html with no success.

I appreciate it sub entry level stuff here but im stuck.

source of code http://www.javascriptkit.com/script/...bleslide.shtml

i want the above to drop into a div in my site. do i need anything within the head tags etc

Thanks

Dave

From Novice Javascripter

Similar Tutorials

I am writing a Javascript to validate a web page form for a intro-to programming class. i have written the same type of page for the homework and it worked fine. and in midterm it worked fine. now when i hit submit on the this form nothing happens. Does any one have any debugging ideas or recommend tools for debugging.

Bmi Calculator - Novice Cannot Get It Working!

Similar Tutorials

Hello

I have been asked by a friend to put together a BMI calculator. I know there are javascript ones already out there that I could use the code for, but

a) it needs to do a specific thing
b) I am interested in learning a bit of jscript - hence why I just spent about 4hrs trying to get it working

You can see what I have been working on here

http://www.kubedp.co.uk/bmi2.html

Basically - what it needs to do is the following :-
- User can either enter Feet/Inches or centimeters for height
- User can either enter Stones/Pounds or Kilos for weight.
- If they enter Feeet/Inches and centimeters - it throws an error (similar thing for weight).

It then outputs the BMI to txtBMIResults.

I managed to get the validation working on not having both Stones/Pounds and Kilos filled in etc, but when it comes to the actual calculation - I am stumped.

If someone could look at this for me and hopefully code it and comment it so I can understand what has been done to get it working so I might learn, that would be fantastic.

http://www.bmi-calculator.net/bmi-formula.php

Is the formulas for calculating BMI.

Not sure if you can tell from the code - but I was trying to get it so that the calculation was always done on Kilos and Meters, so I was taking the Stones and Pounds and feet and inches and trying to convert it to kilos and metres and then run the calculation.

Hope I have been clear.

Many thanks for any help anyone can offer

Novice - Image Gallery Help

Similar Tutorials

Hi everyone,
I'm not sure I'm posting this correctly (or if anyone is actually willing to help me out ) but I'm looking for the javascript code to create the following comparative image gallery.

http://i528.photobucket.com/albums/d...evised-RBA.jpg

Basically the image gallery needs to do the following.

When I click on an image (small grey boxes on the bottom), that specific image will appear in the first window. When I click on another image, it will appear in the second window. And finally, click on one more image so that it appears in the third window.

If I want to remove one of the images from the large window, I want to do so by clicking the clear button underneath the image I want to remove.

If anyone could help me out with this, I would be EXTREMELY grateful!

If..else If, Not Working (novice Alert)

Similar Tutorials

I have attempted several variations of this, none of which seem to help. I have narrowed this down to being the central problem at hand. Do i just have something out of place?

Code:

if (monthly_pay>=1000)                  
  {bank_account="Okay";}
else if ((monthly_pay>=700)&&(monthly_pay<=999))
  {bank_account="Still Okay";}
else if ((monthly_pay>=500)&&(monthly_pay<=699))
  {bank_account="Start to worry";}
else if ((monthly_pay>=300)&&(monthly_pay<=499))
  {bank_account="Panic";}
else if (monthly_pay<=299)
  {bank_account="Chapter 9";}
else
  {document.write("Marry Up")}
}

Optionally, could I not do else if and somehow use this as a Nested If?

Any help appreciated,
Thank You

Novice Asking For Help With Form/calculator Coding

Similar Tutorials

Greetings all,

I am excited to have found this website as I have been trying to implement an idea for a website for about a month, but with little success. My problem is that I have little coding experience/knowledge.

I am trying to create a form/calculator. My concept includes drop down menus, check boxes, roll over images, and calculations. I've been trying to do the coding in Microsoft Excel; however, this has been very cumbersome, and the look is very generic.

The reason for my post here is I was hoping someone could offer advice, for a novice, on the best way to accomplish what I am looking to do. Is there a software/program that would be helpful with the coding? Am I in over my head?

Thank you all for any help you can offer!

Josh

Check Another Checkbox When A Checkbox Is Checked !

Similar Tutorials

So here's what i want to do:

i have 2 checkboxes,

when Checkbox A is checked, i want to automatically check the checkbox B. When A is unchecked, then uncheck B

how can i do that?

thanks a lot !

Help For Novice Javascripter With Cross Browser Problem

Similar Tutorials

Hi

I have spent some time writing a javascript online calculator.

The calculator works on Safari and Firefox but not on IE or Opera. I am sure there are multiple errors in the code but have gone as far as my limited self taught experience will take me.

Any help will be greatly appreciated!

Here's the code I have put together.

Thanks

David

[code]

<html>
<head>
<script>

function bettype(elm)
{
var bettype = elm.options[elm.selectedIndex].value;

if(bettype == "qualifyingbet")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = parseFloat(betamount)
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)-parseFloat(betamount)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = 100+parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}

else if(bettype == "freebetstakereturned")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = parseFloat(betamount)
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}
else if(bettype == "freebetstakenotreturned")
{

var betamount = document.form.betamount.value;
var betodds = document.form.betodds.value;
var betcommission = document.form.betcommission.value;
var layodds = document.form.layodds.value;
var laycommission = document.form.laycommission.value;

var betstakereturn = 0
document.form.betstakereturn.value = (betstakereturn.toFixed(2));

var betwincommissioncharged = parseFloat(betamount)*parseFloat(betodds-1)*parseFloat(betcommission/100)
document.form.betwincommissioncharged.value = (betwincommissioncharged.toFixed(2));

var betreturn = parseFloat((betodds-1)*parseFloat(betamount))-parseFloat(betwincommissioncharged)+parseFloat(betstakereturn)
document.form.betreturn.value = (betreturn.toFixed(2));

var betprofit = parseFloat(betreturn)
document.form.betprofit.value = (betprofit.toFixed(2));

var layamount = parseFloat(betreturn)/parseFloat(layodds-laycommission/100)
document.form.layamount.value = (layamount.toFixed(2));

var layliability = parseFloat(layamount)*parseFloat(layodds-1)
document.form.layliability.value = (layliability.toFixed(2));

var netprofit = parseFloat(betprofit)-parseFloat(layliability)
document.form.netprofit.value = (netprofit.toFixed(2));

var percentretained = parseFloat(netprofit/betamount*100)
document.form.percentretained.value = (percentretained.toFixed(2));

}
else
{
window.alert("Please select a bet type!");

}
}

</script>
</head>

<body>

1. Select bet type<br>
2. Enter bookmaker and betting exchange details<br>
3. Apply betting exchange details<br>
4. Results for your information
</span>

<table width="100%" align="center">
<tr align="center">
<td>

<table border="1" width="445">
<tr align="center">
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<form name="form">
<select name="betoption" id="betoption" style="width:273px;">
<option value="typeofbet">Type of Bet. Please Select</option>
<option value="qualifyingbet">Qualifying Bet</option>
<option value="freebetstakereturned">Free Bet Stake Returned</option>
<option value="freebetstakenotreturned">Free Bet Stake Not Returned</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="3">
Bet (Bookmaker) Details
</td>
</tr>
<tr>

<td width="140" align="center">
Bet Amount: £
</td>
<td width="140" align="center">
Bet Odds:
</td>
<td width="140" align="center">
Bet Commission: %
</td>
</tr>
<tr>
<td width="140" align="center">
<input type="text" name="betamount" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="140" align="center">
<input type="text" name="betodds" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="140" align="center">
<input type="text" name="betcommission" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>

</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="4">
Lay (Betting Exchange) Details
</td>
</tr>
<tr>

<td width="210" align="center">
Lay Odds:
</td>
<td width="210" align="center">
Lay Commission: %
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="layodds" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
<td width="212" align="center">
<input type="text" name="laycommission" value="0" onfocus="(value='')" size="5" maxlength="5">
</td>
</tr>
<tr>
<td width="212" align="center">
Lay Amount: £
</td>
<td width="212" align="center">
Lay Liability: £
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="layamount" size="5" readonly="readonly">
</td>
<td width="212" align="center">
<input type="text" name="layliability" size="5" readonly="readonly">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tr align="center">
<td colspan="2" align="center">
For Your Information
</td>
</tr>
<tr>
<td width="212" align="center">
Net Profit: £
</td>
<td width="212" align="center">
Percentage retained: %
</td>
</tr>
<tr>
<td width="212" align="center">
<input type="text" name="netprofit" size="5" readonly="readonly">
<td width="212" align="center">
<input type="text" name="percentretained" size="5" readonly="readonly">
</td>
</tr>
</table>

<input type="hidden" name="betstakereturn" value="0" size="5" >

<input type="hidden" name="betwincommissioncharged" value="0" size="5" >

<input type="hidden" name="betreturn" size="5" >

<input type="hidden" name="betprofit" size="5" >

<table border="0">
<tr align="center">
<td width="212" align="center">

<button type="reset" value="Reset">Reset</button>

</td>

</form>

<td width="212" align="center">

<input type="submit" value="Calculate"
onclick="bettype(betoption);">
</td>

</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>
[code]

Novice Question About Emailing Form Submissions

Similar Tutorials

I know almost nothing about javascript, but the guy who used to handle my company's forms has moved on and I need to edit one.

Specifically, the form has a field for a district number, and I need to set it up so that if a certain district number is entered, the form submission gets emailed to a specified email address.

I'm not trying to make it an email-only form - the results have to be posted in an output file as well.

I've tried googling for an answer but haven't found anything that answers my question. Maybe that's because I don't know enough javascript to understand the answers.

Can anyone help?? Thanks!

Novice Needs A Video And Screenshots Flash Slideshow To Play In Same Frame

Similar Tutorials

I am not sure if I am in the right section. I tried to search this but couldn't find what I needed. I am very limited on my javascript knowledge. I need a video player that functions almost exactly like the one in this example:
http://www.popcap.com/games/bookworm...L_1_8_19_08_en {the links that toggle between the video and flash slideshow depending on which is clicked. The player showing the videos and screenshots for the game}.

I tried looking at the source to understand the functions, but my code is not working. I know the player is calling some javascript, but I'm not sure I understand it all. Can someone explain to me the basic functioning of this player as shown? I would very much appreciate it.

Change Checkbox With Checkbox

Similar Tutorials

Hi,

If I have two check-boxes and one is already checked and then the is checked, how would I get it to uncheck the first one using JavaScript.

Thanks,
Cs1h

Map Not Validating

Similar Tutorials

Code:

<img class="border" alt="googtatic_map" 
 src="http://maps.google.com/maps/api/staticmap?center=51.454863,0.011673&zoom=13&markers=United+Reformed+Church,+111+Burnt+Ash+Road,++Lee,+London+SE12+8RG,+UK&size=250x250&sensor=true" />

I have the above code and it is not validating with the w3c validation for XHTML it has thrown up 8 errors and 14 warnings. Should I ignore them or what? As I do like my code to validate.

Not Validating

Similar Tutorials

Hi

im not good with javavscript so got some code off the net to do some rollovers, however it doesnt validate.

can anyone please help me as to why this maybe?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="joho.css" />
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this 
// notice with the code.

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</head>

<body>

	<div id="wrapper">
	<div id="contentwrapper">
    	<div id="col1">
        <ul>
        <li><A 
    HREF="home.html"
    onMouseOver = "rollover('home')" 
    onMouseOut  = "rollout('home')" 
    ><img src="menu/row1sq1_home_OP.png" border="0" alt="Home" NAME="home"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row1sq1_home_RO.png");
//-->
</SCRIPT></li>
        <li><img src="menu/row2sq1_OP.png" alt="2"/></li>
        <li><A 
    HREF="illustrations.html"
    onMouseOver = "rollover('illustrations')" 
    onMouseOut  = "rollout('illustrations')" 
    ><img src="menu/row3sq1_illustrations_OP.png" border="0" alt="illustrations" NAME="illustrations"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row3sq1_illustrations_RO.png");
//-->
</SCRIPT></li>
        <li><img src="menu/row4sq1_OP.png" alt="4"/></li>
        </ul>
        </div>
        <div id="col2">
        <ul>
        <li><img src="menu/row1sq2_OP.png" alt="1"/></li>
        <li><img src="menu/row2sq2_OP.png" alt="2"/></li>
        <li><img src="menu/row3sq2_OP.png" alt="3"/></li>
        <li><A 
    HREF="portraits.html"
    onMouseOver = "rollover('portraits')" 
    onMouseOut  = "rollout('portraits')" 
    ><img src="menu/row4sq2_portraits_OP.png" border="0" alt="portraits" NAME="portraits"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row4sq2_portraits_RO.png");
//-->
</SCRIPT></li>
        </ul>
        </div>
        <div id="col3">
        <ul>
        <li><A 
    HREF="about.html"
    onMouseOver = "rollover('about')" 
    onMouseOut  = "rollout('about')" 
    ><img src="menu/row1sq3_about_OP.png" border="0" alt="About" NAME="about"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row1sq3_about_RO.png");
//-->
</SCRIPT></li>
        <li><A 
    HREF="cards.html"
    onMouseOver = "rollover('cards')" 
    onMouseOut  = "rollout('cards')" 
    ><img src="menu/row2sq3_cards_OP.png" border="0" alt="cards" NAME="cards"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row2sq3_cards_RO.png");
//-->
</SCRIPT></li>
        <li><img src="menu/row3sq3_squeak_OP.png" border="0" alt="1"/></li>
        <li><A 
    HREF="contact.html"
    onMouseOver = "rollover('contact')" 
    onMouseOut  = "rollout('contact')" 
    ><img src="menu/row4sq3_contact_OP.png" border="0" alt="contact" NAME="contact"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row4sq3_contact_RO.png");
//-->
</SCRIPT></li>
        </ul>
        </div>
        <div id="col4">
        <ul>
        <li><img src="menu/row1sq4_OP.png" alt="1"/></li>
        <li><img src="menu/row2sq4_OP.png" alt="2"/></li>
        <li><A 
    HREF="weddings.html"
    onMouseOver = "rollover('weddings')" 
    onMouseOut  = "rollout('weddings')" 
    ><img src="menu/row3sq4_wedding_OP.png" border="0" alt="weddings" NAME="weddings"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row3sq4_wedding_RO.png");
//-->
</SCRIPT></li>
        <li><img src="menu/row4sq4_OP.png" alt="4"/></li>
        </ul>
        </div>
    </div>
</div>
</body>
</html>

thank Q

C

Validating Xml Against Xsd

Similar Tutorials

Hi everyone,

Would any of you know a cross-platform way to validate XML against XSD in JavaScript? All examples found online use MSXML, which is only available under Windows/IE. Using remote web-services is not a option, since the script should be able to run online.

Cheers,
Vit

Validating Form

Similar Tutorials

I managed to create the form that asks you to type in the information but I'm having some difficulty trying to figure out the alert to say "Thank you " after you have everything filled in and then hitting the button.

my code is

Code:

<HTML>
    <HEAD>
    <TITLE> Form Validation Example </TITLE>
    <SCRIPT LANGUAGE="JavaScript">

    function validatePersonalInfo(){
      var _first = document.info.fname.value;
      var _city = document.info.city.value;
      var _phone = document.info.phone.value;

      if(_first.toString() == ""){alert("Please enter a first name.");}
      if(_city.toString() == ""){alert("Please enter your city.");}
      if(_phone.toString() == ""){alert("Please enter your phone number.");}

        var phoneInput = document.info.phone.value;
        var validPhone = false;
        var validCity = false;
         if(checkCity == true){
            validCity = true;
         }
         else{

         if(!checkPhone(phoneInput)){
               alert("Phone number is invalid." + validPhone);
            }
         else{
             validPhone = true;
         }
         if(validCity && validPhone){
            alert("Your form has been verified");
         }
    }
}

    function checkPhone(str){
      var regexp = /^(\d{10}|\d{3}-\d{3}-\d{4}|\(\d{3}\)\d{3}-\d{4})$/;
       return regexp.test(str);
    }
    function checkNum(length){
      var cityLet = parseInt(cityEntry, 10);
      if (document.info.city.value.length == length){
        if(cityLet != 0 && isNaN(cityLet) == false){
          return true;
        }
        else {
          return false;
        }
      }
      else {
        return false;
      }
    }

</script>
</head>

    <body>
    <p>
    <form name="info"  action="" method="post">
    <table>
    <tr><td align="left">First Name:</td>
    <td align="left">
    <input type="text" name="fname" size=15>
    </td>
    </tr>
    <br>
    </tr>
    <br>
    <tr>
    <td align="left">City:</td>
    <td align="left">
    <input type="text" name="city" size=15>
    </td>
    </tr>
    <br>
    <tr><td align="left">phone</td>
    <td align="left">
    <input type="text" name="phone" size=20></td>
    </tr>
    <br>
    </tr>
    <br>
    </table>
    <center>
    <input type="button" value="Submit" onClick="validatePersonalInfo()">
    </center>
    </form>
    </body>
    </html>

the help is greatly appreciated

Validating Sum Of <input>

Similar Tutorials

Hello all,

I am pretty new to javascript and could use some help. I am validating a page (image attached) to make sure that total hours entered do not exceed the allocated amount, which is stored in the database. I have already validated to make sure that they enter a number and that it is not greater than 8. Could some one help me with the rest?

thanks so much,
Joe

Code:

var returncode = true
var inputs = document.getElementsByTagName("INPUT")

	for(var x=0; x<inputs.length; x++)
	{
		if(inputs[x].type =='text' && isNaN(inputs[x].value))
		{
			document.getElementById("hourserror").style.display = "block";
			inputs[x].style.backgroundColor = '#FFCCCC';
			returncode = false;
		}
		
		if(inputs[x].value > 8)
		{
			document.getElementById("totalerror").style.display = "block";
			inputs[x].style.backgroundColor = '#FFCCCC';
			returncode = false;
		}
	}
	
return returncode;

Validating Error

Similar Tutorials

Validating Address

Similar Tutorials

Hi guys!
I have tried numerous attempts in getting the Address field to work (i.e. validated). I want it to accept letters, numbers, spaces and commas! However, it won't let me! Below is the code I have provided.

Code:

function validateAddress(fld) {
    var error = "";
     var illegalChars = /[\W_]/; //  
 } else if (illegalChars.test(fld.value)) {
        fld.style.background = 'Yellow'; 
        error = "Your Billing address contains illegal characters!\n";
    } else {
        fld.style.background = 'White';
    }
    return error;
}

Thanks a lot!

Validating Forms Using If Else

Similar Tutorials

Validating The Sum Of Two Inputs

Similar Tutorials

Hi Folks

I am trying to write a js that validates a form with two text inputs. The two inputs a 'D_techA' and 'D_techB'. I just want to add up (sum) the two input fields (which must be positive numbers) and make sure that they add up to exactly 100 (not more and not less). If they do not add up to 100, then an alert should pop up that says "The two values must add up to exactly 100."

I have tried and tried to write a js that does this validation (looking at numerous validation scripts posted in this forum and elsewhere) and I just cannot seem to make it work. I would very much appreciate any suggestions!

Thanks! The html code for my very simple form is:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<label>Investment in Tech A
<input name="D_techA" type="text" id="D_techA" />
</label>
<label>Investment in Tech B
<input name="D_techB" type="text" id="D_techB" />
</label>
<p>
<input name="Submit" type="submit"/>
</p>
</form>

</body>
</html>