SHARE
TWEET

Untitled

a guest Jul 17th, 2019 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="invitoUno" class="modal fade" role="dialog">
  2.     <div class="modal-dialog">
  3.         <!-- Modal content-->
  4.         <div class="modal-content">
  5.             <div class="modal-header" style="height: 0; border-bottom: none;">
  6.                 <button type="button" class="close" data-dismiss="modal">&times;</button>
  7.             </div>
  8.             <div class="modal-body">
  9.                 <div class="row form-invito">
  10.                     <div class="col-12">
  11.                         <form method="post" action="solicitudinvito.php" id="invitoform">
  12.                             <h6>Nombre completo:</h6>
  13.                             <div class='cb-input'>
  14.                                 <input id='nombre' type="text" name="nombre" placeholder="" required />
  15.                             </div>
  16.                             <div class='cb-input'>
  17.                                 <input type="text" value="Fam. de Luis Arturo Garza Bassoco" id="persona" name="persona" hidden>
  18.                             </div>
  19.                             <div class="row">
  20.                                 <div class="col-sm-6 col-12">
  21.                                     <h6>Celular:</h6>
  22.                                     <div class='cb-input'>
  23.                                         <input id='celular' type="text" name="celular" placeholder="" required />
  24.                                     </div>
  25.                                 </div>
  26.                                 <div class="col-sm-6 col-12">
  27.                                     <h6>Teléfono de casa (opcional):</h6>
  28.                                     <div class='cb-input'>
  29.                                         <input id='telcasa' type="text" name="telcasa" placeholder="" />
  30.                                     </div>
  31.                                 </div>
  32.                             </div>
  33.                                     <h6>¿Requieres de recibo deducible de impuestos?:
  34.                                 <label style="padding-left: 20px;">Sí</label>
  35.  
  36.                                 <input type="checkbox" class="factura option-input checkbox" name="factura" value="Requiere factura" required />
  37.                                 <!--   -->
  38.                                 <label style="padding-left: 20px;">No</label>
  39.  
  40.                                 <input type="checkbox" class="factura option-input checkbox" name="factura" value="No requiere factura" placeholder="" required />
  41.                                 <!--   -->
  42.                             </h6>
  43.                             <br>
  44.                             <h4 style="padding-bottom:5px;">deseo invitarle la despensa a:</h4>
  45.  
  46.                             <div class="row">
  47.                                 <div class="col-sm-2 col-12">
  48.                                     <span style="color:#5C5B5F; font-family:'PT Sans', sans-serif;">1 familia</span><br>
  49.                                     <span class="cantidad">$160.00</span>
  50.                                     <input type="checkbox" class="familia option-input checkbox" style="top:10%;" name="familia" value="Apoya una familia = $160.00" placeholder="" required />
  51.                                 </div>
  52.                                 <div class="col-sm-2 col-12">
  53.                                     <span style="color:#5C5B5F; font-family:'PT Sans', sans-serif;">2 familias</span><br>
  54.                                     <span class="cantidad">$320.00</span>
  55.                                     <input type="checkbox" class="familia option-input checkbox" style="top:10%;" name="familia" value="Apoya dos familias = $320.00" placeholder="" required />
  56.                                 </div>
  57.                                 <div class="col-sm-2 col-12">
  58.                                     <h6 style="color:#FFBA00;">Otra cantidad:</h6>
  59.                                 </div>
  60.                                 <div class="col-sm-6 col-12">
  61.                                     <div class='cb-input' style="margin-top: -10px;">
  62.                                         <input id='otrafamilia' type="text" name="otrafamilia" placeholder="$" />
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                             <br>
  67.                             <h4 style="padding-bottom:5px;">Aportación empresa mensual:</h4>
  68.  
  69.                             <div class="row">
  70.                                 <div class="col-sm-4 col-12">
  71.                                     <span class="cantidad">$1,000.00</span>
  72.                                     <input type="checkbox" class="aportacion option-input checkbox" style="top:10%;" name="empresa" value="Aportacion mensual de mil pesos" placeholder="" required />
  73.                                 </div>
  74.                             </div>
  75.                             <div class="col-12 text-center" style="box-shadow: none; margin-bottom: 0px;">
  76.                                 <label class="acepto" style="padding-left: 20px;">Acepto el compromiso con Banco de Alimentos de Los Mochis I.A.P.</label>
  77.                                 <input type="checkbox" class="option-input checkbox" name="compromiso" value="Acepto el compromiso con Empresa" required />
  78.                             </div>
  79.                             <div class="col-12 text-center" style="padding-top: 30px; padding-bottom: 30px;">
  80.                                 <button class="btn-amarillo" type="submit" id="submit">envíar</button>
  81.                             </div>
  82.                         </form>
  83.                     </div>
  84.  
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  89. </div>
  90.      
  91. <!--#include virtual="/include/footer.htm"-->
  92.  
  93.  
  94. <script src="/js/jquery.validate.min.js"></script>
  95. <script src="/js/additional-methods.min.js"></script>
  96. <script src="/js/jquery.mask.min.js"></script>
  97. <script type="text/javascript">
  98.     $(document).ready(function() {
  99.         $('#celular').mask('(000) 000-0000');
  100.         $('.success').fadeOut(0);
  101.         var v = $("#invitoform").validate({
  102.             rules: {
  103.                 nombre: {
  104.                     required: true
  105.                 },
  106.                 celular: {
  107.                     requiered: true
  108.                 },
  109.                 factura: {
  110.                     required: true
  111.                 },
  112.                 familia: {
  113.                     required: true
  114.                 },
  115.                 empresa: {
  116.                     required: true
  117.                 },
  118.                 compromiso: {
  119.                     required: true
  120.                 }
  121.             },
  122.             messages: {
  123.                 nombre: {
  124.                     required: "Debes escribir tu(s) nombre(s) y apellido(s).",
  125.                 },
  126.                 celular: {
  127.                     required: "Debes de escribir tu número de teléfono.",
  128.                     minlength: "El número que ingresaste no es válido."
  129.                 },
  130.                 factura: {
  131.                     required: "Debes elegir una opción."
  132.                 },
  133.                 familia: {
  134.                     required: "Debes de elegir una opción o escribir una cantidad."
  135.                 },
  136.                 empresa: {
  137.                     required: "Debes de elegir una opción o escribir una cantidad."
  138.                 },
  139.                 compromiso: {
  140.                     required: "Necesitas aceptar tu compromiso con nosotros antes de continuar."
  141.                 }
  142.             }
  143.  
  144.         })
  145.     });
  146. </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top