Foros del Web » Programando para Internet » Javascript »

Ayuda con código Javascript

Estas en el tema de Ayuda con código Javascript en el foro de Javascript en Foros del Web. Saludos a los Foreros de forosdelweb.com. Escribo con la esperanza de que me puedan echar una mano con un código javascript. El código a continuación ...
  #1 (permalink)  
Antiguo 17/06/2010, 13:31
 
Fecha de Ingreso: junio-2010
Mensajes: 1
Antigüedad: 14 años, 5 meses
Puntos: 0
Ayuda con código Javascript

Saludos a los Foreros de forosdelweb.com. Escribo con la esperanza de que me puedan echar una mano con un código javascript.

El código a continuación me debe validar unos campos de tipo checkbox llamados field_planlago, field_plannautico y field_planpalafito. En el mismo escript también hay otros campos que son validados a la perfección pero por alguna razón estos tres campos no son validados correctamente.

Código HTML:
<script type="text/javascript"><!-- 
 
/* <![CDATA[ */ 
 
 
	 function submitEntry() {
		
		 var form = document.sobi2EditForm;document.getElementById('sobi2SlectedCatsID').disabled = false;
		for(var a = 0; a < document.getElementById('sobi2SlectedCatsID').length; ++a) {
			document.getElementById('sobi2SlectedCatsID')[a].selected=true;
		 } 
		 if (document.getElementById('sobi2SlectedCatsID').length < 1 ) {
			 alert( 'Por favor seleccione al menos una categoría.' );
			 return false;
		 }
		 else if (form.field_entry_name.value == '') {
			 document.getElementById( 'field_entry_name' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (!form.field_planlago.checked  && !form.field_planpalafito.checked && !form.field_plannautico.checked) {
			 alert( 'Usted tiene que aceptar los términos de uso.' );
				 if (!form.field_planlago.checked) {
 
				 document.getElementById( 'field_planlago' ).style.border = '3px solid #FF0000';
			 }
				 if (form.field_planpalafito.checked) {
				 document.getElementById( 'field_planlago' ).style.border = '3px solid #FF0000';
			 }
				 if (!form.field_plannautico.checked) {
				 document.getElementById( 'field_planlago' ).style.border = '3px solid #FF0000';
			 }
			 return false;
		 }
		 else if (form.field_pnj.selectedIndex == 0) {
			 document.getElementById( 'field_pnj' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_street.value == '') {
			 document.getElementById( 'field_street' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_email.value == '') {
			 document.getElementById( 'field_email' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_municipio.selectedIndex == 0) {
			 document.getElementById( 'field_municipio' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_horario.value == '') {
			 document.getElementById( 'field_horario' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_tlfpersonal.value == '') {
			 document.getElementById( 'field_tlfpersonal' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if ( !checkCheckBoxes("field_formasdepago[]") ) {
			 document.getElementById( 'field_formasdepago' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else if (form.field_adomicilio.selectedIndex == 0) {
			 document.getElementById( 'field_adomicilio' ).style.border = '3px solid #FF0000';
			 alert( 'Por favor llene todos los campos obligatorios.' );
			 return false;
		 }
		 else {
			 return true;
		 }
	 }
	 /* ]]> */
	 // -->
</script> 
Y finalmente en mi <form> uso esto: onsubmit="return(submitEntry());" para validar.

Agradezco su ayuda por adelantado.
  #2 (permalink)  
Antiguo 17/06/2010, 14:08
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 5 meses
Puntos: 310
Respuesta: Ayuda con código Javascript

Primero, HTML y JavaScript son cosas diferentes, usa el BBCode adecuado para cada uno y así será más inteligible

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. //...
  3. if (!form.field_planlago.checked  && !form.field_planpalafito.checked && !form.field_plannautico.checked){
  4.  alert( 'Usted tiene que aceptar los términos de uso.' );
  5.  if (!form.field_planlago.checked){
  6.   document.getElementById( 'field_planlago' ).style.border = '3px solid #F00';
  7.  }
  8.  if (!form.field_planpalafito.checked) {//¿y los estilos siempre los declaras al mismo?
  9.    document.getElementById( 'field_planpalafito' ).style.border = '3px solid #F00';
  10.  }//supongo que es porque te faltaba !
  11.  if (!form.field_plannautico.checked) {
  12.   document.getElementById( 'field_plannautico' ).style.border = '3px solid #F00';
  13.  }
  14.  return false;
  15. }
  16. //...
  17. </script>

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:50.