Bootstrap Formulár – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobrý deň,

neviete mi náhodou poradiť. 

Mám v bootstrape pop-okno a chcem tam mať registráciu jak vyberem údaje keď nechcem aby sa mi načitavala dalšia stránka. Skušal som už toho veľa a neviem na to prísť

  head:

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

script

<script>
 $(function() {
//twitter bootstrap script
 $("button#submit").click(function(){
    $.ajax({
    		   type: "POST",
 url: "process.php",
 data: $('form.registracia').serialize(),
         success: function(msg){
         $("#thanks").html(msg)
           $("#form-registracia").modal('hide'); 
         },
 error: function(){
 alert("failure");
 }
       });
 });
});
</script> 

modal pop-okno

<div class="modal fade" id="regisracia" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header" style="padding:35px 50px;background-color: #337ab7;color:white !important;text-align: center;font-size: 30px;">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4><span class="glyphicon glyphicon-pencil"></span> Registrácia</h4>
        </div>
      <div class="modal-body" style="padding:40px 50px;">
       <form id="form-registracia" data-toggle="validator">
       <div class="form-group">
        <label for="InputMeno"><span class="glyphicon glyphicon-user"></span> Meno a Priezivsko:</label>
        <input type="text" name="meno" class="form-control"  id="InputMeno" placeholder="Meno a Priezivsko" required>
      </div>
      <div class="form-group">
        <label for="InputEmail"><span class="glyphicon glyphicon-envelope"></span> E-mail:</label>
        <input type="email" name="email" class="form-control"  id="InputEmail" placeholder="Email" required>
      </div>
       <div class="form-group">
        <label for="inputPassword"><span class="glyphicon glyphicon-eye-open"></span> Heslo:</label>
        <input type="password" name="heslo" data-minlength="6" class="form-control" id="inputPassword" placeholder="Heslo" required>
       </div> 
       <div class="form-group">
        <label for="pravidla"></label>
        <input type="checkbox" id="pravidla" required> Suhlásite s <a href="">pravidlami</a>.
      </div>      
         <button type="submit" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-plus-sign"></span> Registrácia</button>
       </form>
      </div>
      <div class="modal-footer" style="background-color: #f9f9f9;">
       <p>Všetky údaje su povinné.</p>         
     </div>
    </div>
  </div>
 </div> 
  <div id="thanks"></div>

Process.php

<?php
if (isset($_POST['email'])) {
$email = strip_tags($_POST['email']);
echo "E-mail		=".$email."</br>"; 
}?>

Ďakujem za rady....