Volver al Programación / Codificación foro

Necesito ayuda con la validación de Javascript del lado del cliente

  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: May 14, 2011
  • Mensajes: 6
  • Status: Offline

Nota Mayo 20th, 2011, 6:50 am

Tengo problema con mi forma de validación de Javascript...La validación sólo funciona con la última pregunta y no puedo entender por qué no funciona en otras preguntas ..

Código html:
Código: [ 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 de validación:
Código: [ 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. }


¿Dónde está mi error?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Mayo 20th, 2011, 6:50 am

  • Nightslyr
  • Proficient
  • Proficient
  • No Avatar
  • Registrado: Sep 21, 2005
  • Mensajes: 274
  • Status: Offline

Nota Mayo 20th, 2011, 11:40 am

Su error es que se mantenga la redefinición de la función checkForm una y otra vez. El resultado final es que sólo la última definición de la función, que comprueba la última entrada, en realidad existe.

Sólo es necesario uno función checkForm. Combinar lo que tienes.
  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: May 14, 2011
  • Mensajes: 6
  • Status: Offline

Nota Mayo 20th, 2011, 12:49 pm

Gracias, pero la manera de combinar lo que la validación ha funcionado correctamente?
  • Nightslyr
  • Proficient
  • Proficient
  • No Avatar
  • Registrado: Sep 21, 2005
  • Mensajes: 274
  • Status: Offline

Nota Mayo 21st, 2011, 8:39 am

JAVASCRIPT Código: [ 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.    }


Esta secuencia de comandos de validación comprobará todas las entradas al envío del formulario. Lo que se no hacer es centrarse en elementos de forma individual si no de validación. Para ello, necesita que el youd tener un validador individuales en cada elemento que el fuego en el evento onblur.

También tenga en cuenta que esto no se prueba. Puede que tenga que hacer algún trabajo para conseguir que se ajuste a sus necesidades. En cualquier caso, usted tendrá que averiguar cómo y dónde mostrar los errores de validación al salir de esa parte de ti.
  • bido
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: May 14, 2011
  • Mensajes: 6
  • Status: Offline

Nota Mayo 21st, 2011, 3:10 pm

Ok, gracias por ayudar!

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 89 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC