Back To Programming / Scripting / Coding Forum

I need help with javascript client-side validation

  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 14, 2011
  • Posts: 6
  • Status: Offline

Post May 20th, 2011, 6:50 am

I have problem with my javascript form validation... Validation works only on last question and I can't understand why it doesn't work on other questions..

Html code :
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "----">
<html xmlns="---/1999/xhtml">
<head>
<script type="text/javascript" src="script.js"></script>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Questionaire</title>
<link href="oneColLiqCtrHdr19.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
body {
    background-color: #FFF;
    background-image: url(images/aa.jpg);
}
-->
</style></head>

<body class="oneColLiqCtrHdr">
<div id="container">
<div id="header">
  <h1>&nbsp;</h1></div>

  
   <!-- forms -->
   
   
   
 <form action="---/saveforminfo.aspx" method="post" onsubmit="return checkform(this);" >
   
 <input type="hidden" name="surveyid" value="knjuku" />
 <input type="hidden" name="usecookie" value="true" />
 <input type="hidden" name="landingpage" value="---.html" /> 
 
<p align="center"><b>This survey was made not for FDIM.</b></p>
  <p>

<b>Please enter your personal information</b>
 
  </p>
  <p><b>Your Occupation:</b>
   <input type="text" name="occupation" />
  </p>
  <p><b>Age Group:</b>
   <select name="age">
    <option value="under 18">less then 18</option>
    <option value="18-25">18-25</option>
    <option value="26-35">26-35</option>
    <option value="over 35">more then 35</option>
   </select>
  
  </p>
  <p><b>Status:</b>
   <select name="status">
    <option value="single">Single</option>
    <option value="single with children">Single with children</option>
    <option value="in relationship">In relationship</option>
    <option value="married">Married</option>
    <option value="divorced">Divorced</option>
   </select>
  </p>
  <p><b>Gender:</b>
   <input type="radio" name="gender" value="male" /> Male
   <input type="radio" name="gender" value="female" /> Female
  
  </p>
  <p><b>Do you have a job?</b>
   <input type="radio" name="job" value="yes" />Yes
   <input type="radio" name="job" value="no" />No 
  
  </p>
  <p>&nbsp;</p>
   <p>
    <!-- 1 vopros -->
</p>
   <p><b>1. Why do You use online social media?</b>
    
    
    </p>
  <p>
   <input type="radio" name="bla" value="To chat with friends" />
   To chat with friends<br></br>
   <input type="radio" name="bla" value="To read news" /> To read news<br></br>
   <input type="radio" name="bla" value="To write blogs" /> To write blogs<br></br>
   <input type="radio" name="bla" value="Other" /> Other<br></br>
   
  </p>
  <p>
   <!-- 2 vopros -->
     
   <b>2. What online social media do You use more often?</b>
  </p>
   
  <p>&nbsp; </p>
  <p>
   <select name="more">
      
      <option value="MySpace">MySpace</option>
      <option value="Twitter">Twitter</option>
      <option value="Facebook">Facebook</option>
      <option value="LinkedIn">LinkedIn</option>
   </select> 
  </p>
  <p>&nbsp;</p>   
    
    <!-- 3 vopros -->
              
     <b>3. When do You use it?</b>
  <p>
    <input type="radio" name="use" value="1" /> At home<br></br>
    <input type="radio" name="use" value="2" /> At work<br></br>
    <input type="radio" name="use" value="3" /> At school<br></br>
    <input type="radio" name="iuse" value="4" /> In the bus/train<br></br>
    <input type="radio" name="use" value="5" /> Other<br></br>
   
  </p>
    <p><b>4. How much hours approximately do You spend on social media?</b>
    </p>
     <select name="hours">
     
      <option value="less than 2 hours">less than 2 hours a day</option>
      <option value="2-4 hours">2-4 hours a day</option>
      <option value="4-8 hours">4-8 hours a day</option>
      <option value="8-12 hours">8-12 hours a day</option>
      <option value="more than 12 hours">more than 12 hours a day</option>
     </select> 
     
   
  <p>&nbsp;</p>
    
      
      <p>
      <!-- 5 vopros -->
      
      <b>5. Do You use social media often?</b></p>
      <p>
     
      <input type="radio" name="often" value="Yes" />
      Yes
    <input type="radio" name="often" value="No" /> No
     
      
      <!-- 6 vopros -->
      </p>
      <p><b>6. Social Media website to which You usually upload</b></p>
  <p>
     <input type="radio" name="upload" value="Youtube" /> Youtube<br></br>
    <input type="radio" name="upload" value="Flickr" /> Flickr<br></br>
    <input type="radio" name="upload" value="Photobucket" /> Photobucket<br></br>
    <input type="radio" name="upload" value="Slideshare" /> Slideshare<br></br>
    <input type="radio" name="upload" value="Other" /> Other 
  </p>
   
     <!-- 7 vopros -->
     
    <b>7. Where do You chat with Your friends</b>
  
  <select name="chatting">
    
   <option value="Msn">Msn</option>
    <option value="Skype">Skype</option>
    <option value="Yahoo!">Yahoo!</option>
    <option value="Other">Other</option>
  </select>
  <p>&nbsp;</p>
 
  
   
   <!-- 8 vopros -->

 <b>8. You use social media for</b>  
  
   
   <select name="using">
    
    <option value="Personal reasons">Personal reasons</option>
    <option value="Professional reasons">Professional reasons</option>
    <option value="Don't use it">Don't use it</option> 
   </select>
   
  <p>&nbsp;</p>

 
 
  <p>
   <!-- 9 vopros -->
   
   <b>9. You prefer to obtain the information You need at</b> 
   
   
   <select name="information">
    
    <option value="Yahoo!">Yahoo!</option>
    <option value="Google">Google</option>
    <option value="Wikipedia">Wikipedia</option>
    <option value="Ask">Ask</option>
    <option value="Other">Other</option> 
   </select>
  </p>
  
   
   
   <!-- 10 vopros -->
   
   <b>10. What do You prefer to do being online</b>?
  
   
   <select id="drop" name="online">
    <option value="Read blogs">Read blogs</option>
    <option value="Chat with friends">Chat with friends</option>
    <option value="Watch videos">Watch videos</option>
    <option value="Read news">Read news</option>
    <option value="Other">Other</option> 
   </select>
  
  
  <!-- konec voprosov -->
  
  <!-- button-submit -->
  <p align="center">
 <input type="submit" value="Submit" />
 </p>
 </form>
<!-- end #container -->
</div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "----">
  2. <html xmlns="---/1999/xhtml">
  3. <head>
  4. <script type="text/javascript" src="script.js"></script>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <title>Questionaire</title>
  10. <link href="oneColLiqCtrHdr19.css" rel="stylesheet" type="text/css" />
  12. <style type="text/css">
  13. <!--
  14. body {
  15.     background-color: #FFF;
  16.     background-image: url(images/aa.jpg);
  17. }
  18. -->
  19. </style></head>
  21. <body class="oneColLiqCtrHdr">
  22. <div id="container">
  23. <div id="header">
  24.   <h1>&nbsp;</h1></div>
  26.   
  27.    <!-- forms -->
  28.    
  29.    
  30.    
  31.  <form action="---/saveforminfo.aspx" method="post" onsubmit="return checkform(this);" >
  32.    
  33.  <input type="hidden" name="surveyid" value="knjuku" />
  34.  <input type="hidden" name="usecookie" value="true" />
  35.  <input type="hidden" name="landingpage" value="---.html" /> 
  36.  
  37. <p align="center"><b>This survey was made not for FDIM.</b></p>
  38.   <p>
  40. <b>Please enter your personal information</b>
  41.  
  42.   </p>
  43.   <p><b>Your Occupation:</b>
  44.    <input type="text" name="occupation" />
  45.   </p>
  46.   <p><b>Age Group:</b>
  47.    <select name="age">
  48.     <option value="under 18">less then 18</option>
  49.     <option value="18-25">18-25</option>
  50.     <option value="26-35">26-35</option>
  51.     <option value="over 35">more then 35</option>
  52.    </select>
  53.   
  54.   </p>
  55.   <p><b>Status:</b>
  56.    <select name="status">
  57.     <option value="single">Single</option>
  58.     <option value="single with children">Single with children</option>
  59.     <option value="in relationship">In relationship</option>
  60.     <option value="married">Married</option>
  61.     <option value="divorced">Divorced</option>
  62.    </select>
  63.   </p>
  64.   <p><b>Gender:</b>
  65.    <input type="radio" name="gender" value="male" /> Male
  66.    <input type="radio" name="gender" value="female" /> Female
  67.   
  68.   </p>
  69.   <p><b>Do you have a job?</b>
  70.    <input type="radio" name="job" value="yes" />Yes
  71.    <input type="radio" name="job" value="no" />No 
  72.   
  73.   </p>
  74.   <p>&nbsp;</p>
  75.    <p>
  76.     <!-- 1 vopros -->
  77. </p>
  78.    <p><b>1. Why do You use online social media?</b>
  79.     
  80.     
  81.     </p>
  82.   <p>
  83.    <input type="radio" name="bla" value="To chat with friends" />
  84.    To chat with friends<br></br>
  85.    <input type="radio" name="bla" value="To read news" /> To read news<br></br>
  86.    <input type="radio" name="bla" value="To write blogs" /> To write blogs<br></br>
  87.    <input type="radio" name="bla" value="Other" /> Other<br></br>
  88.    
  89.   </p>
  90.   <p>
  91.    <!-- 2 vopros -->
  92.      
  93.    <b>2. What online social media do You use more often?</b>
  94.   </p>
  95.    
  96.   <p>&nbsp; </p>
  97.   <p>
  98.    <select name="more">
  99.       
  100.       <option value="MySpace">MySpace</option>
  101.       <option value="Twitter">Twitter</option>
  102.       <option value="Facebook">Facebook</option>
  103.       <option value="LinkedIn">LinkedIn</option>
  104.    </select> 
  105.   </p>
  106.   <p>&nbsp;</p>   
  107.     
  108.     <!-- 3 vopros -->
  109.               
  110.      <b>3. When do You use it?</b>
  111.   <p>
  112.     <input type="radio" name="use" value="1" /> At home<br></br>
  113.     <input type="radio" name="use" value="2" /> At work<br></br>
  114.     <input type="radio" name="use" value="3" /> At school<br></br>
  115.     <input type="radio" name="iuse" value="4" /> In the bus/train<br></br>
  116.     <input type="radio" name="use" value="5" /> Other<br></br>
  117.    
  118.   </p>
  119.     <p><b>4. How much hours approximately do You spend on social media?</b>
  120.     </p>
  121.      <select name="hours">
  122.      
  123.       <option value="less than 2 hours">less than 2 hours a day</option>
  124.       <option value="2-4 hours">2-4 hours a day</option>
  125.       <option value="4-8 hours">4-8 hours a day</option>
  126.       <option value="8-12 hours">8-12 hours a day</option>
  127.       <option value="more than 12 hours">more than 12 hours a day</option>
  128.      </select> 
  129.      
  130.    
  131.   <p>&nbsp;</p>
  132.     
  133.       
  134.       <p>
  135.       <!-- 5 vopros -->
  136.       
  137.       <b>5. Do You use social media often?</b></p>
  138.       <p>
  139.      
  140.       <input type="radio" name="often" value="Yes" />
  141.       Yes
  142.     <input type="radio" name="often" value="No" /> No
  143.      
  144.       
  145.       <!-- 6 vopros -->
  146.       </p>
  147.       <p><b>6. Social Media website to which You usually upload</b></p>
  148.   <p>
  149.      <input type="radio" name="upload" value="Youtube" /> Youtube<br></br>
  150.     <input type="radio" name="upload" value="Flickr" /> Flickr<br></br>
  151.     <input type="radio" name="upload" value="Photobucket" /> Photobucket<br></br>
  152.     <input type="radio" name="upload" value="Slideshare" /> Slideshare<br></br>
  153.     <input type="radio" name="upload" value="Other" /> Other 
  154.   </p>
  155.    
  156.      <!-- 7 vopros -->
  157.      
  158.     <b>7. Where do You chat with Your friends</b>
  159.   
  160.   <select name="chatting">
  161.     
  162.    <option value="Msn">Msn</option>
  163.     <option value="Skype">Skype</option>
  164.     <option value="Yahoo!">Yahoo!</option>
  165.     <option value="Other">Other</option>
  166.   </select>
  167.   <p>&nbsp;</p>
  168.  
  169.   
  170.    
  171.    <!-- 8 vopros -->
  173.  <b>8. You use social media for</b>  
  174.   
  175.    
  176.    <select name="using">
  177.     
  178.     <option value="Personal reasons">Personal reasons</option>
  179.     <option value="Professional reasons">Professional reasons</option>
  180.     <option value="Don't use it">Don't use it</option> 
  181.    </select>
  182.    
  183.   <p>&nbsp;</p>
  185.  
  186.  
  187.   <p>
  188.    <!-- 9 vopros -->
  189.    
  190.    <b>9. You prefer to obtain the information You need at</b> 
  191.    
  192.    
  193.    <select name="information">
  194.     
  195.     <option value="Yahoo!">Yahoo!</option>
  196.     <option value="Google">Google</option>
  197.     <option value="Wikipedia">Wikipedia</option>
  198.     <option value="Ask">Ask</option>
  199.     <option value="Other">Other</option> 
  200.    </select>
  201.   </p>
  202.   
  203.    
  204.    
  205.    <!-- 10 vopros -->
  206.    
  207.    <b>10. What do You prefer to do being online</b>?
  208.   
  209.    
  210.    <select id="drop" name="online">
  211.     <option value="Read blogs">Read blogs</option>
  212.     <option value="Chat with friends">Chat with friends</option>
  213.     <option value="Watch videos">Watch videos</option>
  214.     <option value="Read news">Read news</option>
  215.     <option value="Other">Other</option> 
  216.    </select>
  217.   
  218.   
  219.   <!-- konec voprosov -->
  220.   
  221.   <!-- button-submit -->
  222.   <p align="center">
  223.  <input type="submit" value="Submit" />
  224.  </p>
  225.  </form>
  226. <!-- end #container -->
  227. </div>
  228. </body>
  229. </html>


Javascript validation :
Code: [ Select ]
//Javascript Document

function checkform ( form )
{

 if (form.occupation.value == "") {
  alert( "Please enter your occupation." );
  form.occupation.focus();
  return false ;
 }
 return true ;
}


function checkform(f) {
 for (var i=0; i<f.elements("gender").length;
  i++) {
  var radio = f.elements("gender")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Choose your gender!");
 f.elements("gender")[0].focus();
 return false;
}

function checkform(f) {
 for (var i=0; i<f.elements("job").length;
  i++) {
  var radio = f.elements("job")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Choose if you have a job!");
 f.elements("job")[0].focus();
 return false;
}

function checkform(f) {
 for (var i=0; i<f.elements("bla").length;
  i++) {
  var radio = f.elements("bla")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Answer question number 1");
 f.elements("bla")[0].focus();
 return false;
}

function checkform(f) {
 for (var i=0; i<f.elements("use").length;
  i++) {
  var radio = f.elements("use")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Answer question number 3!");
 f.elements("use")[0].focus();
 return false;
}

function checkform(f) {
 for (var i=0; i<f.elements("often").length;
  i++) {
  var radio = f.elements("often")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Answer question number 5!");
 f.elements("often")[0].focus();
 return false;
}

function checkform(f) {
 for (var i=0; i<f.elements("upload").length;
  i++) {
  var radio = f.elements("upload")[i];
  if (radio.checked) {
   return true;
  }
 }
 // no checked radio button found
 window.alert("Answer question number 6!");
 f.elements("upload")[0].focus();
 return false;
}
  1. //Javascript Document
  3. function checkform ( form )
  4. {
  6.  if (form.occupation.value == "") {
  7.   alert( "Please enter your occupation." );
  8.   form.occupation.focus();
  9.   return false ;
  10.  }
  11.  return true ;
  12. }
  15. function checkform(f) {
  16.  for (var i=0; i<f.elements("gender").length;
  17.   i++) {
  18.   var radio = f.elements("gender")[i];
  19.   if (radio.checked) {
  20.    return true;
  21.   }
  22.  }
  23.  // no checked radio button found
  24.  window.alert("Choose your gender!");
  25.  f.elements("gender")[0].focus();
  26.  return false;
  27. }
  29. function checkform(f) {
  30.  for (var i=0; i<f.elements("job").length;
  31.   i++) {
  32.   var radio = f.elements("job")[i];
  33.   if (radio.checked) {
  34.    return true;
  35.   }
  36.  }
  37.  // no checked radio button found
  38.  window.alert("Choose if you have a job!");
  39.  f.elements("job")[0].focus();
  40.  return false;
  41. }
  43. function checkform(f) {
  44.  for (var i=0; i<f.elements("bla").length;
  45.   i++) {
  46.   var radio = f.elements("bla")[i];
  47.   if (radio.checked) {
  48.    return true;
  49.   }
  50.  }
  51.  // no checked radio button found
  52.  window.alert("Answer question number 1");
  53.  f.elements("bla")[0].focus();
  54.  return false;
  55. }
  57. function checkform(f) {
  58.  for (var i=0; i<f.elements("use").length;
  59.   i++) {
  60.   var radio = f.elements("use")[i];
  61.   if (radio.checked) {
  62.    return true;
  63.   }
  64.  }
  65.  // no checked radio button found
  66.  window.alert("Answer question number 3!");
  67.  f.elements("use")[0].focus();
  68.  return false;
  69. }
  71. function checkform(f) {
  72.  for (var i=0; i<f.elements("often").length;
  73.   i++) {
  74.   var radio = f.elements("often")[i];
  75.   if (radio.checked) {
  76.    return true;
  77.   }
  78.  }
  79.  // no checked radio button found
  80.  window.alert("Answer question number 5!");
  81.  f.elements("often")[0].focus();
  82.  return false;
  83. }
  85. function checkform(f) {
  86.  for (var i=0; i<f.elements("upload").length;
  87.   i++) {
  88.   var radio = f.elements("upload")[i];
  89.   if (radio.checked) {
  90.    return true;
  91.   }
  92.  }
  93.  // no checked radio button found
  94.  window.alert("Answer question number 6!");
  95.  f.elements("upload")[0].focus();
  96.  return false;
  97. }


Where is my mistake?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 20th, 2011, 6:50 am

  • Nightslyr
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Sep 21, 2005
  • Posts: 274
  • Status: Offline

Post May 20th, 2011, 11:40 am

Your mistake is that you keep redefining your checkForm function over and over again. The end result is that only your last definition of the function, which checks the last input, actually exists.

You only need one checkForm function. Combine what you have.
  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 14, 2011
  • Posts: 6
  • Status: Offline

Post May 20th, 2011, 12:49 pm

Thanks, but how to combine it so that validation worked properly?
  • Nightslyr
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Sep 21, 2005
  • Posts: 274
  • Status: Offline

Post May 21st, 2011, 8:39 am

JAVASCRIPT Code: [ Select ]
//Javascript Document
function checkform(form) {
   var errors = new Array();
 
   if (form.occupation.value == "") {
      errors.push("Please enter your occupation.");
   }
 
   var gender = form.elements["gender"];
   var genderCount = 0;
 
   for (var i = 0; i < gender.length; i++) {
      var radio = gender[i];
 
      if (radio.checked) {
         ++genderCount;
      }
   }
     
   if (genderCount === 0) {
      // no checked radio button found
      errors.push("Choose your gender!");
   }
 
   var job = form.elements["job"];
   var jobCount = 0;
 
   for (var i = 0; i < job.length; i++) {
      var radio = job[i];
 
      if (radio.checked) {
         ++jobCount;
      }
   }
 
   if (jobCount === 0) {
      // no checked radio button found
      errors.push("Choose if you have a job!");
   }
 
   var bla = form.elements["bla"];
   var blaCount = 0;
 
   for (var i = 0; i < bla.length; i++) {
      var radio = bla[i];
 
      if (radio.checked) {
         ++blaCount;
      }
   }
 
   if (blaCount === 0) {
      // no checked radio button found
      errors.push("Answer question number 1");
   }
 
   var use = form.elements["use"];
   var useCount = 0;
 
   for (var i = 0; i < use.length; i++) {
      var radio = use[i];
 
      if (radio.checked) {
         ++useCount;
      }
   }
 
   if (useCount === 0) {
      // no checked radio button found
      errors.push("Answer question number 3!");
   }
 
   var often = form.elements["often"];
   var oftenCount = 0;
 
   for (var i = 0; i < often.length; i++) {
      var radio = often[i];
 
      if (radio.checked) {
         ++oftenCount;
      }
   }
 
   if (oftenCount === 0) {
      // no checked radio button found
      errors.push("Answer question number 5!");
   }
 
   var upload = form.elements["upload"];
   var uploadCount = 0;
 
   for (var i = 0; i < upload.length; i++) {
      var radio = upload[i];
 
      if (radio.checked) {
         ++uploadCount;
      }
   }
 
   if (uploadCount === 0) {
      // no checked radio button found
      errors.push("Answer question number 6!");
   }
 
   if (errors.count > 0) {
      // display validation errors
      return false;
   }
   else {
      return true;
   }
  1. //Javascript Document
  2. function checkform(form) {
  3.    var errors = new Array();
  4.  
  5.    if (form.occupation.value == "") {
  6.       errors.push("Please enter your occupation.");
  7.    }
  8.  
  9.    var gender = form.elements["gender"];
  10.    var genderCount = 0;
  11.  
  12.    for (var i = 0; i < gender.length; i++) {
  13.       var radio = gender[i];
  14.  
  15.       if (radio.checked) {
  16.          ++genderCount;
  17.       }
  18.    }
  19.      
  20.    if (genderCount === 0) {
  21.       // no checked radio button found
  22.       errors.push("Choose your gender!");
  23.    }
  24.  
  25.    var job = form.elements["job"];
  26.    var jobCount = 0;
  27.  
  28.    for (var i = 0; i < job.length; i++) {
  29.       var radio = job[i];
  30.  
  31.       if (radio.checked) {
  32.          ++jobCount;
  33.       }
  34.    }
  35.  
  36.    if (jobCount === 0) {
  37.       // no checked radio button found
  38.       errors.push("Choose if you have a job!");
  39.    }
  40.  
  41.    var bla = form.elements["bla"];
  42.    var blaCount = 0;
  43.  
  44.    for (var i = 0; i < bla.length; i++) {
  45.       var radio = bla[i];
  46.  
  47.       if (radio.checked) {
  48.          ++blaCount;
  49.       }
  50.    }
  51.  
  52.    if (blaCount === 0) {
  53.       // no checked radio button found
  54.       errors.push("Answer question number 1");
  55.    }
  56.  
  57.    var use = form.elements["use"];
  58.    var useCount = 0;
  59.  
  60.    for (var i = 0; i < use.length; i++) {
  61.       var radio = use[i];
  62.  
  63.       if (radio.checked) {
  64.          ++useCount;
  65.       }
  66.    }
  67.  
  68.    if (useCount === 0) {
  69.       // no checked radio button found
  70.       errors.push("Answer question number 3!");
  71.    }
  72.  
  73.    var often = form.elements["often"];
  74.    var oftenCount = 0;
  75.  
  76.    for (var i = 0; i < often.length; i++) {
  77.       var radio = often[i];
  78.  
  79.       if (radio.checked) {
  80.          ++oftenCount;
  81.       }
  82.    }
  83.  
  84.    if (oftenCount === 0) {
  85.       // no checked radio button found
  86.       errors.push("Answer question number 5!");
  87.    }
  88.  
  89.    var upload = form.elements["upload"];
  90.    var uploadCount = 0;
  91.  
  92.    for (var i = 0; i < upload.length; i++) {
  93.       var radio = upload[i];
  94.  
  95.       if (radio.checked) {
  96.          ++uploadCount;
  97.       }
  98.    }
  99.  
  100.    if (uploadCount === 0) {
  101.       // no checked radio button found
  102.       errors.push("Answer question number 6!");
  103.    }
  104.  
  105.    if (errors.count > 0) {
  106.       // display validation errors
  107.       return false;
  108.    }
  109.    else {
  110.       return true;
  111.    }


This validation script will check all of the inputs upon form submission. What it will not do is focus on individual form elements if they fail validation. To do that, you'd need to have an individual validator on each element which would fire on the onblur event.

Also note that this isn't tested. You may have to do some work to get it to fit your needs. Regardless, you'll have to figure out how/where to display the validation errors as I left that part up to you.
  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 14, 2011
  • Posts: 6
  • Status: Offline

Post May 21st, 2011, 3:10 pm

Ok, thank you for help!!

Page 1 of 1

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 142 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.