Skip to content

Instantly share code, notes, and snippets.

@jok3rcito0
Created December 3, 2020 19:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jok3rcito0/420fd5914ed0c8ee46eef54b680b06cd to your computer and use it in GitHub Desktop.
Save jok3rcito0/420fd5914ed0c8ee46eef54b680b06cd to your computer and use it in GitHub Desktop.
Formulario
<form class="formJob" id="formRegistroBT" method="POST" autocomplete="off" data-type="form1">
<!-- Step I -->
<fieldset>
<ul class="form-list">
<li class="full foto">
<div class="borde"></div>
<div class="box-foto">
<div class="foto-user">
<img class="lazy" id="fotoPerfil" src="assets/images/bolsa-de-trabajo/avatar.png" data-src="assets/images/bolsa-de-trabajo/avatar.png" alt="[[+username]]">
</div>
<h2>[[+fullname]]</h2>
<a class="btnFoto link golden" href="#" title="Subir foto">Subir una foto</a>
</div>
</li>
</ul>
<ul class="form-list">
<li class="group">
<div class="input">
<label>País</label>
<select class="required" name="pais_id" data-name="Selecciona">
<option>Selecciona...</option>
[[!getPaises]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
<input class="required" name="u_cadidato_id" type="hidden" value="" />
</div>
</li>
<li class="group">
<div class="input">
<label>Estado</label>
<select class="required" name="estado_id" data-name="Selecciona">
<option>Selecciona...</option>
[[!getEstados]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>RFC / RUT / TIN</label>
<input class="rfc required" name="dato_rfc_rut_tin" type="text" data-name="RFC" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>CURP</label>
<input class="curp required" name="dato_curp" type="text" data-name="CURP" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>IMSS</label>
<input class="required" name="dato_imss" type="text" data-name="IMSS" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list">
<li class="triple">
<div class="input">
<label>Sueldo deseado</label>
<select class="required" name="sueldo_id" data-name="Selecciona">
<option>Selecciona...</option>
[[!getSueldos]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="triple center">
<div class="input group-input required">
<label>Licencia de manejo</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="dato_licencia" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="dato_licencia" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="triple center">
<div class="input group-input required">
<label>Dispuesto(a) a radicar en Mina</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="dato_radicar_mina" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="dato_radicar_mina" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list inList">
<li class="group center">
<div class="input group-input required">
<label>¿Tienes familiares dentro de la empresa?</label>
<ul class="form-list nopad">
<li>
<input class="rdCap" type="radio" name="dato_familiares" value="1">
<label>Sí</label>
</li>
<li>
<input class="noSelect rdCap" type="radio" name="dato_familiares" value="0" checked="checked">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="group disabled">
<div class="input">
<label>Nombre</label>
<input class="required" name="dato_nombre_familiar" type="text" data-name="Nombre" />
</div>
</li>
<li class="group disabled">
<div class="input">
<label>Cargo</label>
<input class="required" name="dato_cargo_familiar" type="text" data-name="Cargo" />
</div>
</li>
<li class="group disabled">
<div class="input">
<label>Empresa</label>
<input class="required" name="dato_empresa_familiar" type="text" data-name="Empresa" />
</div>
</li>
<li class="full disabled">
<div class="input input-large group-input required">
<label>Tipo de parentesco</label>
<ul class="form-list">
[[!getRelationships]]
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list">
<li class="center">
<div class="input group-input required">
<label>¿Dispuesto a cambiar de residencia?</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="dato_residencia" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="dato_residencia" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente</span>
</div>
</li>
<li class="center">
<div class="input group-input required">
<label>¿Dispuesto a viajar?</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="dato_viajar" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="dato_viajar" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list inList">
<li class="center">
<div class="input group-input required">
<label class="ancho">En caso de ser extranjero, indicar si cuenta con permiso para trabajar en el país</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="dato_extranjero" value="1">
<label>Sí</label>
</li>
<li>
<input class="noSelect rdCap" type="radio" name="dato_extranjero" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="disabled">
<div class="input">
<label>Indica el tipo de documento</label>
<input name="dato_extranjero_doc" type="text" data-name="Tipo de documento" />
</div>
</li>
<li class="full button">
<div class="input-button right">
<button class="btn txt tangaroa btn-next" type="submit" data-id="btn2">Siguiente</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step I -->
<!-- Step II -->
<fieldset class="noValidate">
<ul class="form-list">
<li class="estudios">
<div class="input">
<label>Nivel de estudios</label>
<select class="required" name="estudio_id" data-name="Selecciona">
<option>Selecciona...</option>
[[!getEducationLevel]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>Nombre de la última institución educativa</label>
<input class="required" name="acade_nombre" type="text" data-name="Institución" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>Nombre de la carrera o especialidad que cursó</label>
<input class="required" name="acade_carrera" type="text" data-name="Carrera o especialidad" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li>
<div class="input">
<label>Clasificación de estudios</label>
<select name="clas_id" data-name="Selecciona">
<option>Selecciona...</option>
[[!getClassificationStudies]]
</select>
</div>
</li>
<li>
<div class="input">
<label>Fecha de inicio</label>
<ul class="form-list group-date">
<li class="dia">
<div class="input">
<select class="required" name="day_ini" data-name="Día">
<option>Día</option>
[[!listForDays]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="mes">
<div class="input">
<select class="required" name="month_ini" data-name="Mes">
<option>Mes</option>
[[!listForMonths]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="anio">
<div class="input">
<select class="required" name="year_ini" data-name="Año">
<option>Año</option>
[[!listForYears]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="input">
<label>Fecha de fin de curso</label>
<ul class="form-list group-date">
<li class="dia">
<div class="input">
<select class="required" name="day_end" data-name="Día">
<option >Día</option>
[[!listForDays]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="mes">
<div class="input">
<select class="required" name="month_end" data-name="Mes">
<option >Mes</option>
[[!listForMonths]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="anio">
<div class="input">
<select class="required" name="year_end" data-name="Año">
<option >Año</option>
[[!listForYears]]
</select>
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
</div>
</li>
<li class="prom">
<div class="input">
<label>Promedio</label>
<input class="required" name="acade_promedio" type="text" data-name="Promedio" maxlength="5" />
<span class="msj">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="group center">
<div class="input group-input required">
<label>Título profesional</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="acade_titulo" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="acade_titulo" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="group center">
<div class="input group-input required">
<label>Cédula profesional</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="acade_cedula" value="1">
<label>Sí</label>
</li>
<li>
<input class="rdCap" type="radio" name="acade_cedula" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
<li class="full button">
<div class="input-button">
<button class="btn txt tangaroa btn-prev" type="button" data-id="btn1">Atrás</button>
</div>
<div class="input-button right">
<button class="btn txt tangaroa btn-next" type="submit" data-id="btn3">Siguiente</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step II -->
<!-- Step III -->
<fieldset class="noValidate">
<ul class="form-list outList">
<li class="full">
<div class="input input-font group-input required">
<label>¿Cuentas con certificaciones o capacitaciones?</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="certificaciones" value="1" checked="checked">
<label>Sí</label>
</li>
<li>
<input class="noSelect rdCap" type="radio" name="certificaciones" value="0">
<label>No</label>
</li>
</ul><span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list" id="capacitaciones-1">
<li>
<div class="input">
<label>Tipo de capacitación</label>
<select name="capacitaciones[1][tipo_capacitacion]" data-name="Selecciona">
<option >Selecciona</option>
[[!getTypeOfTraining]]
</select>
</div>
</li>
<li>
<div class="input">
<label>Nombre</label>
<input name="capa_nombre[]" type="text" data-name="Nombre de la capacitación" />
</div>
</li>
<li>
<div class="input">
<label>Institución que lo imparte</label>
<input name="capa_institucion[]" type="text" data-name="Institución" />
</div>
</li>
<li>
<div class="input">
<label>Fin de la capacitación</label>
<ul class="form-list group-date">
<li class="dia">
<select name="capa_fecha_fin_day[]" data-name="Día">
<option >Día</option>
[[!listForDays]]
</select>
</li>
<li class="mes">
<select name="capa_fecha_fin_month[]" data-name="Mes">
<option >Mes</option>
[[!listForMonths]]
</select>
</li>
<li class="anio">
<select name="capa_fecha_fin_year[]" data-name="Año">
<option >Año</option>
[[!listForYears]]
</select>
</li>
</ul>
</div>
</li>
<li>
<div class="input">
<label>Horas acreditadas (Si aplica)</label>
<input name="capa_horas[]" type="text" data-name="Horas acreditadas (Si aplica)" maxlength="5" />
</div>
</li>
<li>
<div class="input">
<label>Nombre del documento que lo avala</label>
<input name="capa_documento[]" type="text" data-name="Nombre del documento que lo avala" />
</div>
</li>
<li class="input-link">
<div class="eliminar" data-form="capacitaciones" data-num="1">
<span class="icon-eliminar"></span>
<span class="golden link">Eliminar</span>
</div>
</li>
</ul>
<ul class="form-list">
<li class="input-link">
<div class="agregar">
<a class="golden link" id="addCap" href="#" title="Agregar otra capacitación">Agregar otra capacitación</a>
</div>
</li>
<li class="full button">
<div class="input-button">
<button class="btn txt tangaroa btn-prev" type="button" data-id="btn2">Atrás</button>
</div>
<div class="input-button right">
<button class="btn txt tangaroa btn-next" type="submit" data-id="btn4">Siguiente</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step III -->
<!-- Step IV -->
<fieldset class="noValidate">
<ul class="form-list" id="idiomas-1">
<li class="group-tres">
<div class="input">
<label>Idioma</label>
<select name="idioma_id[]" data-name="Selecciona">
<option>Selecciona</option>
[[!getLanguages]]
</select>
</div>
</li>
<li class="nivel">
<div class="input">
<label>Nivel de dominio</label>
<select name="dominio_id[]" data-name="Selecciona">
<option>Selecciona</option>
[[!getLevelSkill]]
</select>
</div>
</li>
<li class="group-tres">
<div class="input">
<label>Tipo de evaluación</label>
<input name="idioma_tipo_evaluacion[]" type="text">
</div>
</li>
<li class="group-dos">
<div class="input">
<label>Puntuaje</label>
<input name="idioma_puntaje[]" type="text" data-name="Puntuaje" maxlength="5" />
</div>
</li>
<li>
<div class="input">
<label>Fecha de expedición</label>
<ul class="form-list group-date">
<li class="dia">
<select name="idioma_day[]" data-name="Día">
<option>Día</option>
[[!listForDays]]
</select>
</li>
<li class="mes">
<select name="idioma_month[]" data-name="Mes">
<option>Mes</option>
[[!listForMonths]]
</select>
</li>
<li class="anio">
<select name="idioma_year[]" data-name="Año">
<option>Año</option>
[[!listForYears]]
</select>
</li>
</ul>
</div>
</li>
<li class="input-link">
<div class="eliminar" data-form="idiomas" data-num="1">
<span class="icon-eliminar"></span>
<span class="golden link">Eliminar</span>
</div>
</li>
</ul>
<ul class="form-list">
<li class="input-link">
<div class="agregar">
<a class="golden link" id="addIdioma" href="#" title="Agregar otro idioma">Agregar otro idioma</a>
</div>
</li>
<li class="full button">
<div class="input-button">
<button class="btn txt tangaroa btn-prev" type="button" data-id="btn3">Atrás</button>
</div>
<div class="input-button right">
<button class="btn txt tangaroa btn-next" type="submit" data-id="btn5">Siguiente</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step IV -->
<!-- Step V -->
<fieldset class="noValidate">
<ul class="form-list form-programa" id="programas-1">
<li class="group-tres">
<div class="input">
<label>Programa o paquetería</label>
<input name="informatica_nombre[]" type="text" data-name="Programa o paquetería" />
</div>
</li>
<li class="group-cuatro">
<div class="input">
<label>Descripción</label>
<input name="informatica_desc[]" type="text" data-name="Programa o paquetería" />
</div>
</li>
<li class="group-tres">
<div class="input">
<label>Nivel de dominio</label>
<select name="programas[1][nivel_programa]" data-name="Selecciona">
<option >Selecciona</option>
[[!getLevelSkill]]
</select>
</div>
</li>
<li class="input-link">
<div class="eliminar" data-form="programas" data-num="1">
<span class="icon-eliminar"></span>
</div>
</li>
</ul>
<ul class="form-list form-agregar">
<li class="input-link">
<div class="agregar">
<a class="golden link" id="addPrograma" href="#" title="Agregar otro programa">Agregar otro programa</a>
</div>
</li>
<li class="full button">
<div class="input-button">
<button class="btn txt tangaroa btn-prev" type="button" data-id="btn4">Atrás</button>
</div>
<div class="input-button right">
<button class="btn txt tangaroa btn-next" type="submit" data-id="btn6">Siguiente</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step V-->
<!-- Step VI-->
<fieldset class="noValidate">
<ul class="form-list outList">
<li class="full">
<div class="input input-full group-input required">
<label>¿Has laborado alguna vez?</label>
<ul class="form-list">
<li>
<input class="rdCap" type="radio" name="laborado" value="1" checked="checked">
<label>Sí</label>
</li>
<li>
<input class="noSelect rdCap" type="radio" name="laborado" value="0">
<label>No</label>
</li>
</ul>
<span class="group-label">El campo no se a llenado correctamente.</span>
</div>
</li>
</ul>
<ul class="form-list" id="experiencias-1">
<li>
<div class="input">
<label>Empresa</label>
<input name="exper_empresa[]" type="text" data-name="Empresa" />
</div>
</li>
<li>
<div class="input">
<label>Puesto</label>
<input name="exper_puesto[]" type="text" data-name="Puesto" />
</div>
</li>
<li>
<div class="input">
<label>Fecha de ingreso</label>
<ul class="form-list group-date">
<li class="dia">
<select name="exper_ini_day[]" data-name="Día">
<option>Día</option>
[[!listForDays]]
</select>
</li>
<li class="mes">
<select name="exper_ini_month[]" data-name="Mes">
<option>Mes</option>
[[!listForMonths]]
</select>
</li>
<li class="anio">
<select name="exper_ini_year[]" data-name="Año">
<option>Año</option>
[[!listForYears]]
</select>
</li>
</ul>
</div>
</li>
<li>
<div class="input">
<label>Fecha de salida</label>
<ul class="form-list group-date">
<li class="dia">
<select name="exper_end_day[]" data-name="Día">
<option >Día</option>
[[!listForDays]]
</select>
</li>
<li class="mes">
<select name="exper_end_month[]" data-name="Mes">
<option >Mes</option>
[[!listForMonths]]
</select>
</li>
<li class="anio">
<select name="exper_end_year[]" data-name="Año">
<option >Año</option>
[[!listForYears]]
</select>
</li>
</ul>
</div>
</li>
<li>
<div class="input">
<label>Motivo de salida</label>
<input name="exper_motivo[]" type="text" data-name="Motivo de salida" />
</div>
</li>
<li>
<div class="input">
<label>Último sueldo mensual</label>
<input name="exper_sueldo[]" type="text" data-name="Último sueldo mensual" />
</div>
</li>
<li>
<div class="input">
<label>Actividades / funciones</label>
<input name="exper_funcion[]" type="text" data-name="Actividades / funciones" />
</div>
</li>
<li>
<div class="input">
<label>Ubicación del trabajo</label>
<input name="exper_ubicacion[]" type="text" data-name="Ciudad y Estado" />
</div>
</li>
<li>
<div class="input">
<label>Promociones o ascensos</label>
<input name="exper_ascensos[]" type="text" data-name="Promociones o ascensos" />
</div>
</li>
<li>
<div class="input">
<label>Comentarios adicionales</label>
<input name="exper_comentario[]" type="text" data-name="Comentarios adicionales"/>
</div>
</li>
<li>
<div class="input">
<label>Áreas de interés</label>
<input type="text" name="exper_areas_interes[]" data-name="Áreas de interés" />
</div>
</li>
<li class="input-link">
<div class="eliminar" data-form="experiencias" data-num="1">
<span class="icon-eliminar"></span>
<span class="golden link">Eliminar</span>
</div>
</li>
</ul>
<ul class="form-list">
<li class="input-link">
<div class="agregar">
<a class="golden link" id="addExpe" href="#" title="Agregar otro programa">Agregar otro programa</a>
</div>
</li>
<li class="full">
<div class="checkbox">
<label>
<a class="modalAvisos" href="#" title="Avio de privacidad">He leído y estoy de acuerdo con el Aviso de privacidad y el tratamiento de datos personales contenidos en el Aviso Legal de esta página.</a>
<input class="required" id="avisos" name="checkbox" type="checkbox" data-name="terminos">
</label>
</div>
</li>
<li class="full button">
<div class="input-button">
<button class="btn txt tangaroa btn-prev" type="button" data-id="btn5">Atrás</button>
</div>
<div class="input-button right">
<button class="btn txt green btn-next" type="submit" data-id="enviar">Enviar</button>
</div>
</li>
</ul>
</fieldset>
<!-- Step VI-->
</form><!-- close form-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment