2012-04-06 6 views
1

こんにちは誰もが、すべてのために、すべての感謝の最初の、ここにも質問です:私はjqueryのが開くようにAJAX要求をしようとしてリンクされているヒットが送信ボタンをjQueryのダイアログとAjaxのトラブル

毎回jQueryの実行dosen'tモーダルモードのダイアログが、私は何か間違ったことをしている必要がありますが、それを見つけることができないよう、ここではコードです:

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> 

これは、実行しようとしているjQueryのイムです:

$('#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(); 
         } 
        }); 
       }    
     }); 

私は本当に感謝、私は提案のすべての種類に開いている権利ので、それを動作させることを望みます。

ああ、私は、私は、ユーザーが私が最初にそれをテストしていた原因だけでそれを行っていない、存在するかどうかを確認するためにPHPのページにAJAXの情報を送ることになってるモーダルを、開いた後

+1

$(「#のverificar」)をしてみてください。(関数()をクリックします...など – riso

答えて

1
$('input.verificar') 

クラスが 'verificar'の入力を探しているセレクタです。あなたが望むのは、idの 'verificar'を持つオブジェクトを見つけることです。

$('#verificar') 
+0

こんにちは友人、私はIDを確認するためにjqueryのを変更しましたが、それはまだ同じ効果を生産している、それだけで検証クリックされてもそれ以降は何もしません。 –

関連する問題