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. |
Línea 744: | Línea 743: | ||
Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_valform.zip app_valform.zip] para el '''core''' del '''beta1''' de '''Spirit v1.0''' | Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_valform.zip app_valform.zip] para el '''core''' del '''beta1''' de '''Spirit v1.0''' | ||
− | |||
− | Ahora para dar una idea de este tipo de validaciones a un formulario conectado a una base de datos, he tomado como ejemplo el [http://wiki.kumbiaphp.com/Como_hacer_un_CRUD_en_KumbiaPHP_Framework CRUD del Wiki] y le he incorporado a ese sencillo ejemplo, la validación jquery. | + | Ahora para dar una idea de este tipo de validaciones a un formulario conectado a una base de datos, he tomado como ejemplo el [http://wiki.kumbiaphp.com/Como_hacer_un_CRUD_en_KumbiaPHP_Framework CRUD del Wiki] y le he incorporado a ese sencillo ejemplo, la validación jquery. |
+ | |||
+ | == Descarga Validando campos de Formulario en CRUD == | ||
Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_crud_validando.zip app_crud_validando.zip] para el '''core''' del '''beta1''' de '''Spirit v1.0''' | Descarga: [http://dl.dropbox.com/u/2807704/kumbiaPHP/v1_b1/app_crud_validando.zip app_crud_validando.zip] para el '''core''' del '''beta1''' de '''Spirit v1.0''' | ||
Línea 764: | Línea 764: | ||
[[Categoría:Tutoriales KumbiaPHP]] | [[Categoría:Tutoriales KumbiaPHP]] | ||
− | [[Categoría:jQuery]] | + | [[Categoría:jQuery]] . |