Dialog and Form problem

Dialog and Form problem

Hi.

Have the next problem.

Im open a Dialog with: 
  1. <a href="bitacora.php" data-rel="dialog" >Show</a>
Then this open a Dialog, and this dialog have a form. 
  3. <?PHP
  4. header('Content-Type: text/html; charset=UTF-8'); 

  6. include("modulos/variables.php");
  7. if ($_SESSION['estado'] != "OK")
  8.     header("Location: login.php");
  9. include("sql/sql.php");
  10. include("modulos/funciones.php");
  11. //$norden=$_GET['norden'];
  12. //$ncedula=$_GET['ncedula'];

  14. Conectar();
  15. ?>
  16. <!DOCTYPE html> 
  17. <html> 
  18.     <head>
  19.        
  20.         <meta charset="ISO-8859-1"/>
  21.         <title><?echo $_SESSION['titulo']?></title> 
  22.         <meta name="viewport" content="width=device-width, initial-scale=1"> 


  25.         <link rel="shortcut icon" href="favicon.ico">
  26.         <?include ("modulos/header.php");?>
  27.         <script>
  28.             
  29.             
  30.     $(document).on("pageinit", "#mydialog", function(e) {
  31.         function Validator() {
  32.                 
  33.                 if ($("#nota").val()== "")
  34.                 {
  35.                     alert("No es posible guardar una bitacora en blanco. Por favor escribe algo para poder guardarla");
  36.                     return false;
  37.                     }
  38.                   // $("#popupBasic").popup("open");
  39.                 var frm = $('#miformulariofinal');
  40.                 Formularios(frm);
  41.                 $("#boton1").val("Guardando...");
  42.                 $("#boton1").button("refresh");
  43.                 $("#boton1").parent().hide();
  44.                 $("#nota").parent().hide();
  45.                // $('[type="submit"]').button('disable'); 
  46.                 setTimeout(function () {
  47.                 //    window.location.href = "index.php";
  48.               //   $("#popupBasic").popup("close");
  49.     $("#mydialog").dialog('close');      
  50.     return false;
  51.     }, 2000);
  52.     
  53.     
  54.     
  55.             }
  56.         });
  57.         </script>

  59.         <style>
  60.             .jquery-dialog{ 
  61.   overflow-y: auto;
  62.   overflow-x: auto;
  63.   height: 300px; 
  64. } 
  65. .ui-dialog-contain { 
  66.     max-width: 900px;
  67. }
  68.         </style>
  69.         
  70.         
  71.         
  72.     </head> 
  73.     <body> 
  74.         <div data-role="dialog" id="mydialog" >

  76.             <div data-role="header" data-theme="d">
  77.                 <h1>Bitacora de usuarios</h1>

  79.             </div>
  80. <div data-role="popup" id="popupBasic" data-overlay-theme="b">
  81.                     <p>La bitacora esta siendo guardada... <br>Favor espere...<p>
  82.                 </div>
  83.             <div data-role="content" data-theme="c">
  84.                 <form action="guardabitacora.php" method="POST" data-ajax="false" id="miformulariofinal" name="miformulariofinal">
  85.                     <input type="hidden" name="idpaciente" id="idpaciente" value="<?echo $idpaciente;?>" >
  86.                     <label>Nota:</label>
  87.                     <textarea id="nota" name="nota"></textarea>
  88.                     <input type="submit" id="boton1" value="Guardar anotacion" onclick="javascript: return Validator();">
  89.                 </form>
  90.                 <div class="jquery-dialog">
  91.                     <?php
  92.                     $consul="select * from Bitacora where idusuario='$idpaciente' order by fecha desc";
  93.                     $micon=  mysql_query($consul);
  94.                     while($filas=  mysql_fetch_row($micon))
  95.                     {
  96.                         echo '<div><strong>Fecha:</strong>'.$filas[3].'</div>';
  97.                         echo '<div><strong>Nota:</strong>'.$filas[5].'</div>';
  98.                         echo '<div><strong>Usuario:</strong>'.NombreEmpleado($filas[1]).'</div><hr>';
  99.                     }
  100.                     ?>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </body>
  105. </html> 

Next, when im write in the text box and submit the function if call the <a> with: 
data-ajax="false" 
If dont write nothing in the form and close the Dialog with the button, return to the after page (and reaload it) by if t he function  Validator()  work and save the form by close the dialog and realod the after page.

Now if the <a> dont have the data-ajax="false" and close the dialog woth the button close and dont reload the after page, but the function  Validator()  is not recognized, the console show a javascript error "function Validator not found" and the form is procces but open the guardabitacora.php

Then im need:
1. Open the dialog and when close or when submit the form close the dialog but DONT reload the after page.


Thanks form your help and cooperation.