Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form id="ejemplo"> <!--Debe exisitir un id-->
- <div class="row">
- <div class="form-group col-xs-6"> <!--form-group-->
- <label class="control-label">EJEMPLO CAMPO</label> <!--control-label-->
- <input type="text" class="form-control" name="nEjemplo"> <!--form-control name=""-->
- </div>
- <div class="form-group col-xs-6">
- <button type="submit" class="btn btn-large btn-block btn-default">button</button> <!--button tupo submit-->
- </div>
- </div>
- </form>
- $('#ejemplo')
- .formValidation({
- framework: 'bootstrap',
- fields: {
- nEjemplo: { // name que le dimos al input
- validators: {
- notEmpty: { // cuando no hay nada escrito
- message: 'no nada.' // mensaje
- },
- stringLength: { // condicional de string
- min: 4, // caracteres minimos
- message: 'minimo 4 caracteres'
- }
- }
- }
- }
- })
- .on('success.form.fv', function(e){ // función para alerta
- e.preventDefault(); // prevenir el comportamiento por defecto
- $('#modal-id').modal('hide'); // oculto el modal por medio del id
- var $form = $(e.target);
- var fv = $form.data('formValidation');
- $.alert({ // Alerta Jquery confirm
- theme: 'black',
- title: false,
- content: 'Orden de creada con exito.',
- confirm: function(){
- fv.defaultSubmit(); //obligatorio volver al comportamiento del formulario
- }
- });
- })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement