$(document).ready(function() { function randomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1) + min);
};
function generateCaptcha() { $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' ')); };
generateCaptcha();
$('#formulario').bootstrapValidator({ message: 'This value is not valid',
container: 'tooltip',
feedbackIcons: { valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: { nombres: { container: 'popover',
validators: { notEmpty: { message: 'El primer Nombre es Requerido'
},
stringCase: { message: 'El primer nombre solo debe contenr mayúsculas',
case: 'upper'
},
regexp: { regexp: /^[A-Z\s]+$/i,
message: 'No se permite números, espacios ni acentos'
}
}
},
apellidos: { container: 'popover',
validators: { notEmpty: { message: 'El primer Apellido es Requerido'
},
stringCase: { message: 'El primer apellido solo debe contenr mayúsculas',
case: 'upper'
},
regexp: { regexp: /^[A-Z\s]+$/i,
message: 'No se permite números, espacios ni acentos'
}
}
},
captcha: { container: 'popover',
validators: { notEmpty: { field: 'captcha',
message: 'El Captcha es Requerido'
},
callback: { message: 'Respuesta Incorrecta',
callback: function(value, validator) { var items = $('#captchaOperation').html().split(' '), sum = parseInt(items[0]) + parseInt(items[2]); return value == sum;
}
}
}
},
username: { container: 'popover',
message: 'El usuario no es válido',
validators: { notEmpty: { message: 'El usuario es requerido'
},
stringLength: { min: 6,
max: 30,
message: 'El usuario debe contener al menos 6 caracteres y/o 30 máximo'
},
regexp: { regexp: /^[a-zA-Z0-9_\.]+$/,
message: 'No se permite usuario con acentos ni números'
}
}
},
correo: { container: 'popover',
validators: { notEmpty: { message: 'El correo es requerido'
},
emailAddress: { message: 'El correo no es válido'
}
}
},
password: { container: 'popover',
validators: { notEmpty: { field: 'password',
message: 'El password es requerido'
},
identical: { field: 'confirm_password',
message: 'El password debe coincidir'
},
different: { field: 'username',
message: 'El password debe ser diferente al usuario'
},
}
},
confirm_password: { container: 'popover',
validators: { notEmpty: { message: 'Introducir el password para validar'
},
identical: { field: 'password',
message: 'El password debe coincidir'
}
}
},
idgender: { container: 'popover',
validators: { notEmpty: { message: 'El sexo es requerido'
}
}
},
birthday: { container: 'popover',
validators: { date: { format: 'YYYY/MM/DD',
message: 'The birthday is not valid'
}
}
},
phoneNumber: { container: 'popover',
validators: { digits: { message: 'The value can contain only digits'
}
}
}
}
}).on('error.form.bv', function(e) { console.log('error');
// Active the panel element containing the first invalid element
var $form = $(e.target),
validator = $form.data('bootstrapValidator'), $invalidField = validator.getInvalidFields().eq(0),
$collapse = $invalidField.parents('.collapse');
$collapse.collapse('show');
if (!validator.isValidField('captcha')) { // The captcha is not valid
// Regenerate the captcha
generateCaptcha();
}
});
// $('#formulario').find('[name="password"]').on('keyup', function() {
// var isEmpty = $(this).val() == '';
// $('#formulario').bootstrapValidator('enableFieldValidators', 'password', !isEmpty)
// .bootstrapValidator('enableFieldValidators', 'confirm_password', !isEmpty);
// if ($(this).val().length == 1) {
// $('#formulario').bootstrapValidator('validateField', 'password')
// .bootstrapValidator('validateField', 'confirm_password');
// }
// });
});
