Advertisement
Crops

ejemplo

Oct 3rd, 2016
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.69 KB | None | 0 0
  1. <form id="ejemplo"> <!--Debe exisitir un id-->
  2. <div class="row">
  3. <div class="form-group col-xs-6"> <!--form-group-->
  4. <label class="control-label">EJEMPLO CAMPO</label> <!--control-label-->
  5. <input type="text" class="form-control" name="nEjemplo"> <!--form-control name=""-->
  6. </div>
  7. <div class="form-group col-xs-6">
  8. <button type="submit" class="btn btn-large btn-block btn-default">button</button> <!--button tupo submit-->
  9. </div>
  10. </div>
  11. </form>
  12.  
  13. $('#ejemplo')
  14. .formValidation({
  15. framework: 'bootstrap',
  16. fields: {
  17. nEjemplo: { // name que le dimos al input
  18. validators: {
  19. notEmpty: { // cuando no hay nada escrito
  20. message: 'no nada.' // mensaje
  21. },
  22. stringLength: { // condicional de string
  23. min: 4, // caracteres minimos
  24. message: 'minimo 4 caracteres'
  25. }
  26. }
  27. }
  28. }
  29. })
  30. .on('success.form.fv', function(e){ // función para alerta
  31. e.preventDefault(); // prevenir el comportamiento por defecto
  32. $('#modal-id').modal('hide'); // oculto el modal por medio del id
  33. var $form = $(e.target);
  34. var fv = $form.data('formValidation');
  35. $.alert({ // Alerta Jquery confirm
  36. theme: 'black',
  37. title: false,
  38. content: 'Orden de creada con exito.',
  39. confirm: function(){
  40. fv.defaultSubmit(); //obligatorio volver al comportamiento del formulario
  41. }
  42. });
  43. })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement