Edición de «Validando formulario con jQuery 2»
De KumbiaPHP Framework Wiki
Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.
Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.
Revisión actual | Tu texto | ||
Línea 342: | Línea 342: | ||
return '<div id="form_alert_'+CampoNombre+'_msg" class="form_alert_msg">'+msg+'</div>'; | return '<div id="form_alert_'+CampoNombre+'_msg" class="form_alert_msg">'+msg+'</div>'; | ||
} | } | ||
− | + | function onSelectChange(){ | |
$("#soy").change(function(){ | $("#soy").change(function(){ | ||
switch($("#soy").val()){ | switch($("#soy").val()){ | ||
Línea 363: | Línea 363: | ||
break; | break; | ||
− | case " | + | case "cual": |
$("#seccion_medico").css("display", "none"); | $("#seccion_medico").css("display", "none"); | ||
$("#seccion_secretaria").css("display", "none"); | $("#seccion_secretaria").css("display", "none"); | ||
Línea 369: | Línea 369: | ||
break; | break; | ||
} | } | ||
− | }) | + | }) |
− | } | + | } |
− | |||
function Limpiar(){ | function Limpiar(){ | ||
$("#seccion_medico").css("display", "none"); | $("#seccion_medico").css("display", "none"); | ||
Línea 503: | Línea 502: | ||
<div class="textos"> | <div class="textos"> | ||
<span class="comodin">*</span> | <span class="comodin">*</span> | ||
− | <select id="soy"> | + | <select id="soy" onClick="onSelectChange();"> |
− | <option selected value=" | + | <option selected value="cual">Seleccione...</option> |
<option value="med">Medico</option> | <option value="med">Medico</option> | ||
<option value="secre">Secretaria</option> | <option value="secre">Secretaria</option> | ||
Línea 738: | Línea 737: | ||
− | '''Nota:''' Los div que contienen la seccion de campos Medico, Secretaria y Paciente tienen un '''style="display: none;"''' para una mejor vista de como el validador evalua u omite campos dependiendo de la seleccion de tipo de usuario indicada, invito a quitar lo comentado de esos div y ver el formulario mas completo/expandido. Tambien debe | + | '''Nota:''' Los div que contienen la seccion de campos Medico, Secretaria y Paciente tienen un '''style="display: none;"''' para una mejor vista de como el validador evalua u omite campos dependiendo de la seleccion de tipo de usuario indicada, invito a quitar lo comentado de esos div y ver el formulario mas completo/expandido. Tambien debe quitarse el '''onClick="onSelectChange();"''' que tiene el <select>. Pero la descarga de esta practica conserva el ocultar estas capas/div para ser mostradas/ocultadas dependiendo de la selección establecida en la lista de tipo de usuario, lo cual es lo mejor. |