2012-04-06 16 views
1

Hallo jeder und vor allem vielen Dank für alles, ist auch hier die Frage:JQuery-Dialog und Probleme Ajax

jedes Mal ein Hit des Absenden-Button, den ich verlinkt habe mit der Jquery versucht, eine AJAX-Anforderung zu machen zu öffnen ein Dialog, in modal dosen't die jquery ausführen, ich etwas falsch gemacht haben muss, aber kann nicht scheinen, um es zu finden, hier ist der Code:

HTML

<html xmlns="http://www.w3.org/1999/xhtml" charset="utf-8"> 
<head>  
    <title>Administrador :: Estructuras M&amp;M ::</title> 
    <link href="../CSS/admin.css" rel="stylesheet" type="text/css"/> 
    <link href="../CSS/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="../js/jquery-1.7.2.js" type="text/javascript"></script> 
    <script src="../js/jquery-ui.js" type="text/javascript"></script> 
</head> 
<body> 
    <div class="container"> 
     <div class="login"> 
      <form method="post" id="ingreso" name="ingreso"> 
       <div><label class="etiqueta">Usuario:</label><input type="text"  maxlength="15" id="usuario" name="usuario" /></div> 
       <div><label class="etiqueta">Clave:</label><input type="password" maxlength="15" id="clave" name="clave" /></div> 
       <div><input type="submit" value="Aceptar" id="verificar" /></div> 
      </form> 
     </div> 
    </div> 
</body> 

und dies ist die JQuery im auszuführen versuchen:

$('#verificar').click(function() 
     { 
      var xmlhttp; 

       try 
       { 
        xmlhttp = new XMLHttpRequest(); 
       } 
       catch(e) 
       { 
        try 
        { 
         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
        } 
        catch(e) 
        { 
         try 
         { 
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
         } 
         catch(e) 
         { 
          alert("Su navegador no soporta AJAX, por favor pruebe con otro."); 
          return false; 
         }       
        } 
       } 
       if(xmlhttp) 
       { 
        var dialog = $("<div id='modal' class='cargando' title='Verificando Usuario por favor espere.'><span>Verificando la existencia del usuario por favor espere.</span></div>").appendTo('body'); 

        dialog.dialog(
        { 
         height: auto, 
         modal: true, 
         buttons: { "Ok": function() { $(this).dialog("close");} }, 
         draggable: false, 
         resizable: false, 
         close: function(event, ui) 
         { 
          dialog.remove(); 
         } 
        }); 
       }    
     }); 

Ich wünschte wirklich, um es richtig so funktioniert Ich bin offen für alle Arten von Anregungen, danke.

Oh, und nachdem ich öffne die modal ich soll die Ajax-Informationen auf eine PHP-Seite senden, um zu überprüfen, ob der Benutzer vorhanden ist, haben es einfach nicht getan, weil ich es erste Prüfung wurde aus,

+1

try $ ('# verificar'). Klicken (function() ... etc – riso

Antwort

1
$('input.verificar') 

ist ein Selektor, der nach Eingängen mit einer Klasse von 'Verificar' sucht. was Sie wollen, ist ein Objekt mit der ID von 'Verificar' zu finden.

$('#verificar') 
+0

Hallo Freund, änderte ich die Jquery für die ID zu überprüfen, aber es ist immer noch die gleiche Wirkung erzeugt, es nur überprüft wenn es geklickt wurde, tut es danach nichts. –