Categorias AlbertSuarez.com

jqueryvalidate

• 2014, javascript, jquery, jqueryvalidate

  Jquery Validate – Mostrar div y hacer submit cuando no hay errores.

  12.10.14 | Permalink | Comment?

  Share|

  {lang: 'es'}

  submitHandler: function (form) { $("#loading_div").css("display", "Block"); form.submit(); }

  1 2 3 4

  submitHandler: function (form) {            $("#loading_div").css("display", "Block");            form.submit();         }

• javascript, jquery, jqueryvalidate

  Validad checkbox con jquery y el evento submit.

  07.28.13 | Permalink | Comment?

  Share|

  {lang: 'es'}

  
  Ésta es una forma de validar checkbox con el evento submit, es algo mejor que indicarle que cuando se pulse el botón se valide. Está forma es mas elegante a la par que mas funcional, claro que es mejor hacer todo esto con jquery-validate y así ahorrar unas cuantas lineas. ^^

  <input id="checkbox1" type="checkbox" value="1" name="transito"></input> <input id="checkbox1" type="checkbox" value="2" name="transito"></input>

  1 2	<input id="checkbox1" type="checkbox" value="1" name="transito"></input> <input id="checkbox1" type="checkbox" value="2" name="transito"></input>

  En este caso utilizo id para definir concretamente que quiero validadar aunque se podria fácilmente utilizar classes. También utilizo un id para el formulario(#principal).

  JavaScript

  $(document).ready(function() { $('#principal').submit(function(){ var a = $('#checkbox1').is(':checked'); var b = $('#checkbox2').is(':checked'); if( a == false && b == false ){ alert('ERROR'+ a + b); return false; }else{ return true; } }); });

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

  $(document).ready(function() {       $('#principal').submit(function(){   var a = $('#checkbox1').is(':checked');   var b = $('#checkbox2').is(':checked');      if( a == false && b == false ){                   alert('ERROR'+ a + b);                   return false;      }else{        return true;      } }); });

• jquery, jqueryvalidate

  Validadado jquery

  03.08.13 | Permalink | Comment?

  Share|

  {lang: 'es'}

  CSS

  $().ready(function() { //VALIDADO DE FORMULARIO $("#formulario").validate({ rules: { "nombre": "required", "archivos[]": "required", "nif":{ required: true, minlength: 9 }, "telefono":{required:true, number:true, minlength: 9}, 'email': { required: true, email: true }, "direccion": "required", "latitud": "required", "longitud": "required", "contraseña": "required", "contraseña_pass": { required: true, equalTo:"#contraseña", minlength: 6 }, "localidad": "required", }, messages: { "nombre": "POR FAVOR,INDIQUE EL NOMBRE DE SU EMPRESA.", "archivos[]":"DEBE INGRESAR LAS IMÁGENES REQUERIDAS.", "nif": { required: 'DEBE INGRESAR UN CIF'}, "telefono":{ required: 'DEBE INGRESAR UN NÚMERO', number:'EL NÚMERO NO ES VALIDO.', minlength:'EL TELÉFONO DEBE TENER 9 CARÁCTERES' }, 'email': { required: 'DEBE INGRESAR UN CORREO ELÉCTRÓNICO', email: 'DEBE INGRESAR UN CORREO CON EL FORMATO CORRECTO. POR EJEMPLO: EJEMPLO@EJEMPLO.COM.' }, "direccion": "DEBE INDICAR UNA DIRECCIÓN.", "contraseña": "DEBE ESPECIDICAR UNA CONTRASEÑA", "contraseña_pass":{ required: 'Debe ingresar la contraseña', equalTo: 'Debe ingresar la misma constraseña', minlength:'la contraseña debe tener mas 6' }, "localidad": "DEBE ESTABLECER UNA LOCALIDAD", } }); });

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

  $().ready(function() { //VALIDADO DE FORMULARIO $("#formulario").validate({ rules: { "nombre": "required", "archivos[]": "required", "nif":{ required: true, minlength: 9 }, "telefono":{required:true, number:true, minlength: 9}, 'email': { required: true, email: true }, "direccion": "required", "latitud": "required", "longitud": "required", "contraseña": "required", "contraseña_pass": { required: true, equalTo:"#contraseña", minlength: 6 }, "localidad": "required", }, messages: { "nombre": "POR FAVOR,INDIQUE EL NOMBRE DE SU EMPRESA.", "archivos[]":"DEBE INGRESAR LAS IMÁGENES REQUERIDAS.", "nif":  { required: 'DEBE INGRESAR UN CIF'}, "telefono":{ required: 'DEBE INGRESAR UN NÚMERO', number:'EL NÚMERO NO ES VALIDO.', minlength:'EL TELÉFONO DEBE TENER 9 CARÁCTERES' }, 'email': { required: 'DEBE INGRESAR UN CORREO ELÉCTRÓNICO', email: 'DEBE INGRESAR UN CORREO CON EL FORMATO CORRECTO. POR EJEMPLO: EJEMPLO@EJEMPLO.COM.' }, "direccion": "DEBE INDICAR UNA DIRECCIÓN.", "contraseña": "DEBE ESPECIDICAR UNA CONTRASEÑA", "contraseña_pass":{ required: 'Debe ingresar la contraseña', equalTo: 'Debe ingresar la misma constraseña', minlength:'la contraseña debe tener mas 6' }, "localidad": "DEBE ESTABLECER UNA LOCALIDAD", } }); });

  CSS

  <form class="form-horizontal" id="formulario" name="formulario" enctype="multipart/form-data" action="index.php?c=registro_empresa_guardar" method="post"> <fieldset> <p><label for="nombre"><?php echo NOMBRE ?></label><input name="nombre" type="text" id="nombre" placeholder="<?php echo NOMBRE ?>"></p> <p><label>IMAGEN</label><input type="file" name="archivos[]" id="archivos" /><br /></p> <p><label>LOGO</label><input type="file" name="archivos[]" id="archivos" /><br /></p> <p><label for="nif"><?php echo NIF ?></label> <input name="nif" type="text" placeholder="99999999W" id="nif"></p> <p><label><?php echo TELEFONO ?></label><input name="telefono" type="text" placeholder="+34999999999"></p> <p><label><?php echo EMAIL ?></label><input name="email" type="email" placeholder="<?php echo EMAIL_INPUT ?>"></p> <p> <label><?php echo DIRECCION ?></label> <input name="direccion" type="text" placeholder="<?php echo DIRECCION ?>" > <p><label><?php echo CONTRASENA ?></label><input type="text" id="contraseña" name="contraseña"/></p> <p><label><?php echo CONTRASENA ?></label><input type="text" id="contraseña_pass" name="contraseña_pass"/></p> <p><label><?php echo PROVINCIA ?></label></p> <p><select name="localidad" class="localidad" > <option selected><?php echo PROVINCIA ?></option> </select></p> <input class='btn btn-inverse' type="submit" value="REGISTRAR"> </fieldset> </form>

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

  <form class="form-horizontal" id="formulario" name="formulario" enctype="multipart/form-data" action="index.php?c=registro_empresa_guardar" method="post">     <fieldset>     <p><label for="nombre"><?php echo NOMBRE ?></label><input  name="nombre" type="text" id="nombre"  placeholder="<?php echo NOMBRE ?>"></p>     <p><label>IMAGEN</label><input type="file" name="archivos[]" id="archivos" /><br /></p>     <p><label>LOGO</label><input type="file" name="archivos[]" id="archivos" /><br /></p>     <p><label for="nif"><?php echo NIF ?></label> <input name="nif"  type="text"  placeholder="99999999W" id="nif"></p>     <p><label><?php echo TELEFONO ?></label><input name="telefono" type="text" placeholder="+34999999999"></p>     <p><label><?php echo EMAIL ?></label><input name="email" type="email"  placeholder="<?php echo EMAIL_INPUT ?>"></p>     <p> <label><?php echo DIRECCION ?></label> <input name="direccion" type="text"  placeholder="<?php echo DIRECCION ?>"  >     <p><label><?php echo CONTRASENA ?></label><input type="text" id="contraseña" name="contraseña"/></p>     <p><label><?php echo CONTRASENA ?></label><input type="text" id="contraseña_pass" name="contraseña_pass"/></p>     <p><label><?php echo PROVINCIA ?></label></p>     <p><select name="localidad" class="localidad"  >     <option selected><?php echo PROVINCIA ?></option>     </select></p>     <input class='btn btn-inverse' type="submit"  value="REGISTRAR">       </fieldset>       </form>

Albert Suarez | Webmaster