0

Tengo 3 checkbox, los cuales seleccionas opcional 3 casillas. Si selecciono uno de ellos y lo desactivo debido a que no deseo esa opción porque quizá me equivoqué, me manda un mensaje de que debo seleccionar un horario.

Quisiera saber cómo lo puedo hacer, si selecciono una segunda o tercera opción y después ya no la quiero, que no me reserve nada en JavaScript y no me mande mensaje de que debo seleccionar una fecha y hora.

Éste es mi código (también disponible en JSFifdle):

<link href="http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700" rel="stylesheet" type="text/css">

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>

<script type="text/javascript">
  function showContent() {
    element = document.getElementById("content");
    check = document.getElementById("pase_de_entrada");
    if (check.checked) {
      element.style.display = 'block';
      $('form').submit(function(e) {
        if ($('#time').val() === '' || $('#date').val() === '') {
          e.preventDefault();
          alert('DEBES SELECCIONAR HORA Y FECHA');
        }
      });
    } else {
      element.style.display = 'none';
      document.getElementById("date").value = "";
      document.getElementById("time").value = "";
    }
  }

</script>
<script type="text/javascript">
  function showContent1() {
    element = document.getElementById("content1");
    check = document.getElementById("pase_de_salida");
    if (check.checked) {
      element.style.display = 'block';
      $('form').submit(function(e) {
        if ($('#time2').val() === '' || $('#date2').val() === '') {
          e.preventDefault();
          alert('DEBES SELECCIONAR HORA Y FECHA');
        }
      });
    } else {
      element.style.display = 'none';
      document.getElementById("date2").value = "";
      document.getElementById("time2").value = "";
    }
  }

</script>
<script type="text/javascript">
  function showContent2() {
    element = document.getElementById("content2");
    check = document.getElementById("falta_dia");
    if (check.checked) {
      element.style.display = 'block';
      $('form').submit(function(e) {
        if ($('#date3').val() === '') {
          e.preventDefault();
          alert('DEBES SELECCIONAR LA FECHA');
        }
      });
    } else {
      element.style.display = 'none';
      document.getElementById("date3").value = "";
    }
  }

</script>

<body>
  <div class="container">
    <div class="inner-bg">
      <div class="container">
        <div class="row">
          <div class="col-sm-8 col-sm-offset-2 text">
          </div>
        </div>
        <div class="row">
          <div class="col-lg-offset-1 col-xs-12 col-lg-10 form-box">
            <div class="form-bottom">
              <form role="form" class="login-form" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST" id="login-form">
                <fieldset class="form-group row">
                  <label class="col-sm-2">Goce de Primas</label>
                  <div class="col-sm-3">
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" type="radio" name="goce_de_primas" id="gridRadios1" value="Con goce de primas" checked>Con Goce de Primas</label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" type="radio" name="goce_de_primas" id="gridRadios2" value="Sin goce de primas">Sin Goce de Primas</label>
                    </div>
                  </div>
                  <label class="col-sm-2">Tipo de Pase</label>
                  <div class="col-sm-3">
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="pase_de_entrada" type="checkbox" name="chk[]" value="Pase de entrada" onchange="javascript:showContent()" /> Pase de Entrada </label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="pase_de_salida" type="checkbox" name="chk[]" value="Pase de salida" onchange="javascript:showContent1()" /> Pase de Salida </label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="falta_dia" type="checkbox" name="chkfalta" value="Falta todo el dia" onchange="javascript:showContent2()" /> Falta </label>
                    </div>
                  </div>
                  <script type="text/javascript">
                    $('form').submit(function(e) {
                      if ($('input[type=checkbox]:checked').length === 0) {
                        e.preventDefault();
                        alert('DEBES SELECCIONAR EL TIPO DE PASE(S)');
                      }
                    });

                  </script>
                </fieldset>
                <!--Zona del Calendario-->
                <div id="content" style="display: none;">
                  <div class="form-group row">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha a Justificar Entrada</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]');

                        var options = {
                          format: "dd/mm/yyyy",
                          startDate: "-9d",
                          clearBtn: true,
                          language: "es",
                          forceParse: false,
                          daysOfWeekDisabled: "0",
                          autoclose: true,
                          todayHighlight: true,
                        };
                        date_input.datepicker(options);
                      })

                    </script>
                    <!--Zona del Hora -->
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="hora_justificar">Hora a Justificar</label>
                    <div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
                      <input type="text" class="form-control" name="time[]" id="time" value="" readonly="readonly">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                    </div>
                    <script type="text/javascript" src="files/clockpicker/src/clockpicker.js"></script>
                    <link rel="stylesheet" href="files/clockpicker/src/clockpicker.css" />
                    <script type="text/javascript">
                      $('.clockpicker').clockpicker();
                      var time_input = $('input[name="time[]"]');

                    </script>
                  </div>
                </div>
                <div id="content1" style="display: none;">
                  <div class="form-group row" id="div2">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha a Justificar Salida</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date2" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]');

                        var options = {
                          format: 'dd/mm/yyyy',
                          container: container,
                          todayHighlight: true,
                          autoclose: true,
                        };
                        date_input.datepicker(options);
                      })

                    </script>
                    <!--Zona del Hora -->
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="hora_justificar">Hora a Justificar</label>
                    <div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
                      <input type="text" class="form-control" name="time[]" id="time2" value="" readonly="readonly">
                      <span class="input-group-addon">
                        <span class="glyphicon glyphicon-time"></span>
                      </span>
                    </div>
                    <script type="text/javascript">
                      $('.clockpicker').clockpicker();
                      var time_input = $('input[name="time[]"]');

                    </script>
                  </div>
                </div>
                <div id="content2" style="display: none;">
                  <div class="form-group row" id="div3">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha del</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date3" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Al </label>
                    <div class="col-md-4">
                      <input class="form-control" id="date3" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]'); //our date input has the name "date"

                        var options = {
                          format: 'dd/mm/yyyy',
                          container: container,
                          todayHighlight: true,
                          autoclose: true,

                        };
                        date_input.datepicker(options);
                      })

                    </script>
                  </div>
                </div>
                <button type="submit" class="btn" id="btn-formulario" name="enviar" value="enviar">Aceptar</button>
              </form>
              <button type="submit" class="btn" id="btn-cancelar" name="cancelar" value="cancelar">Cancelar</button>
              <script type="text/javascript">
                document.getElementById("btn-cancelar").onclick = function() {
                  location.href = "menu.php";
                };

              </script>
            </div>
          </div>
        </div>
      </div>
    </div>

3
  • 1
    Tu código es demasiado desordenado, tienes scripts cada ciertas líneas y los nombres de las funciones se repiten. Por favor, cuando escribas código sé ordenado y coherente. Por otro lado, te basta con hacer lo siguiente: poner una condicional que evalúe dos cosas: 1. Si se ha elegido un tipo de pase y además no hay valores ingresados en los campos de las fechas, que se muestre el mensaje "Ingresar una fecha".
    – gugadev
    Commented el 25 ene. 2017 a las 21:49
  • Gracias por tus recomendacion. Sin embargo esto que comentas respecto a si ha elegido un tipo de pase y ademas no hay valores ingresados que muestre un mensaje ya lo hace. Lo que deseo es que si desactivo la casilla y se oculta el div con el date y timepicker no me siga apareciendo el mensaje "Debes seleccionar una fecha y hora" Es decir, si yo elijo Pase de Entrada, y después Pase de Salida y me arrepiento y desactivo Pase de Salida (o cualquiera) me borra los valores de los type, pero se queda activa la función de checked y al dar aceptar me manda el mensaje Debes seleccionar Hora y Fecha Commented el 25 ene. 2017 a las 22:29
  • Justamente para eso es mi recomendación. Lo que necesitas es validar que se ingresen fecha y hora siempre y cuando se haya elegido un tipo de pase, si no, no tiene sentido validar.
    – gugadev
    Commented el 25 ene. 2017 a las 22:30

1 respuesta 1

2

... imagino que estas aprendiendo al ver tu código, por eso me gustaría realizar algunas recomendaciones al respecto:

  • No intercales tu código JavaScript en medio del HTML
  • Lo ideal es que tengas tu código en un archivo externo o en su defecto en un solo bloque de JavaScript.
  • Coloca tu código (y en general la mayoría de librerías JavaScript, a menos que esta indice lo contrarío) al final de tu pagina, justo antes de la etiqueta </body>
  • Intenta dar ID más descriptivos a tus elementos, mas que solo content1, content2, date1, date2, etc.

Hay muchas más observaciones que me gustaría hacerte, pero ya las iras aprendiendo en el camino.

Ahora! con respecto a tu pregunta. El problema que tienes es que te subscribes al evento submit para validar los campos, cuando seleccionan un checkbox, mas cuando de-seleccionas el checkbox no te de-suscribes del evento y por eso sigue apareciendo el **alert*.

Como solución propongo lo siguiente:

  • Centralizar la subscripción al evento submit
  • En el handler del evento submit verificar si el checkbox correspondiente se encuentra seleccionado y validar en consecuencia.

Te recomiendo mirar la documentación de jQuery con respecto a las siguientes funciones que utilice en tu código:

A continuación algo del código modificado con la solución:

<link href="http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700" rel="stylesheet" type="text/css">

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>

<script type="text/javascript">
$(function () {
  function onFormSubmit (e) {
    if (0 === $('input[type=checkbox]:checked').length) {
      e.preventDefault();
      alert('DEBES SELECCIONAR EL TIPO DE PASE(S)');
      return;
    }

    checkPaseEntrada = document.getElementById("pase_de_entrada");
    checkPaseSalida = document.getElementById("pase_de_salida");
    checkFaltaDia = document.getElementById("falta_dia");

    // Verify pase entrada
    if (checkPaseEntrada.checked && ($('#time').val() === '' || $('#date').val() === '')) {
      e.preventDefault();
      alert('DEBES SELECCIONAR HORA Y FECHA');
      return;
    }

    // -- Verify pase salida
    if (checkPaseSalida.checked && ($('#time2').val() === '' || $('#date2').val() === '')) {
      e.preventDefault();
      alert('DEBES SELECCIONAR HORA Y FECHA');
      return;
    }

    // -- Verify falta día
    if (checkFaltaDia.checked && ($('#date3').val() === '')) {
      e.preventDefault();
      alert('DEBES SELECCIONAR LA FECHA');
      return;
    }
  }

  function onCheckboxChange (e) {
    var $this = $(this);

    if ('pase_de_entrada' === $this.attr('id')) {
      $el = $('#content');
      $el.toggle(this.checked);
      if (!this.checked) {
        $('#date, #time').val('');
      }
    }

    if ('pase_de_salida' === $this.attr('id')) {
      $el = $('#content1');
      $el.toggle(this.checked);
      if (!this.checked) {
        $('#date2, #time2').val('');
      }

    }

    if ('falta_dia' === $this.attr('id')) {
      $el = $('#content2');
      $el.toggle(this.checked);
      if (!this.checked) {
        $('#date3').val('');
      }

    }
  }

  // -- Te aconsejo que utilices el ID como selector
  $('form#login-form').on('submit', onFormSubmit);
  $('input:checkbox').on('change', onCheckboxChange);
});
</script>
<body>
  <div class="container">
    <div class="inner-bg">
      <div class="container">
        <div class="row">
          <div class="col-sm-8 col-sm-offset-2 text">
          </div>
        </div>
        <div class="row">
          <div class="col-lg-offset-1 col-xs-12 col-lg-10 form-box">
            <div class="form-bottom">
              <form role="form" class="login-form" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST" id="login-form">
                <fieldset class="form-group row">
                  <label class="col-sm-2">Goce de Primas</label>
                  <div class="col-sm-3">
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" type="radio" name="goce_de_primas" id="gridRadios1" value="Con goce de primas" checked>Con Goce de Primas</label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" type="radio" name="goce_de_primas" id="gridRadios2" value="Sin goce de primas">Sin Goce de Primas</label>
                    </div>
                  </div>
                  <label class="col-sm-2">Tipo de Pase</label>
                  <div class="col-sm-3">
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="pase_de_entrada" type="checkbox" name="chk[]" value="Pase de entrada" /> Pase de Entrada </label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="pase_de_salida" type="checkbox" name="chk[]" value="Pase de salida" /> Pase de Salida </label>
                    </div>
                    <div class="form-check">
                      <label class="form-check-label">
                        <input class="form-check-input" id="falta_dia" type="checkbox" name="chkfalta" value="Falta todo el dia" /> Falta </label>
                    </div>
                  </div>
                </fieldset>
                <!--Zona del Calendario-->
                <div id="content" style="display: none;">
                  <div class="form-group row">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha a Justificar Entrada</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]');

                        var options = {
                          format: "dd/mm/yyyy",
                          startDate: "-9d",
                          clearBtn: true,
                          language: "es",
                          forceParse: false,
                          daysOfWeekDisabled: "0",
                          autoclose: true,
                          todayHighlight: true,
                        };
                        date_input.datepicker(options);
                      })

                    </script>
                    <!--Zona del Hora -->
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="hora_justificar">Hora a Justificar</label>
                    <div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
                      <input type="text" class="form-control" name="time[]" id="time" value="" readonly="readonly">
                      <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                    </div>
                    <script type="text/javascript" src="files/clockpicker/src/clockpicker.js"></script>
                    <link rel="stylesheet" href="files/clockpicker/src/clockpicker.css" />
                    <script type="text/javascript">
                      $('.clockpicker').clockpicker();
                      var time_input = $('input[name="time[]"]');

                    </script>
                  </div>
                </div>
                <div id="content1" style="display: none;">
                  <div class="form-group row" id="div2">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha a Justificar Salida</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date2" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]');

                        var options = {
                          format: 'dd/mm/yyyy',
                          container: container,
                          todayHighlight: true,
                          autoclose: true,
                        };
                        date_input.datepicker(options);
                      })

                    </script>
                    <!--Zona del Hora -->
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="hora_justificar">Hora a Justificar</label>
                    <div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
                      <input type="text" class="form-control" name="time[]" id="time2" value="" readonly="readonly">
                      <span class="input-group-addon">
                        <span class="glyphicon glyphicon-time"></span>
                      </span>
                    </div>
                    <script type="text/javascript">
                      $('.clockpicker').clockpicker();
                      var time_input = $('input[name="time[]"]');

                    </script>
                  </div>
                </div>
                <div id="content2" style="display: none;">
                  <div class="form-group row" id="div3">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
                    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.es.min.js"></script>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Fecha del</label>
                    <div class="col-md-4">
                      <input class="form-control" id="date3" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <label class="col-xs-12 col-sm-6 col-md-2 col-form-label" for="fecha_justificar">Al </label>
                    <div class="col-md-4">
                      <input class="form-control" id="date3" name="date[]" type="text" value="" readonly="readonly" />
                    </div>
                    <script>
                      $(document).ready(function() {
                        var date_input = $('input[name="date[]"]'); //our date input has the name "date"

                        var options = {
                          format: 'dd/mm/yyyy',
                          container: container,
                          todayHighlight: true,
                          autoclose: true,

                        };
                        date_input.datepicker(options);
                      })

                    </script>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary" id="btn-formulario" name="enviar" value="enviar">Aceptar</button>
                <a href="menu.php" class="btn btn-default" id="btn-cancelar">Cancelar</a>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

Suerte! y saludos.

1
  • Es correcta la solución. Como bien mencionas estoy iniciando en esto desde hace 3 meses y aun surgen muchas dudas, tomo todas las recomendaciones como parte del aprendizaje. Y bien mencionas estoy aprendiendo a analizar el código y a pruebas y error he detectado la funcionalidad de las estructuras y las funciones. Muchas gracias por tu apoyo y seguiré analizando y mejorando conforme el análisis, practica e implementación de códigos. Saludos Commented el 25 ene. 2017 a las 22:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.