1

皆さん、こんにちは。まず、すべてに感謝します。質問は次のとおりです。

モーダルモードでダイアログを開くためのAJAXリクエストを作成しようとしているjqueryにリンクした送信ボタンを押すたびに、jqueryは実行されません。何か間違ったことをしたに違いありませんが、見つけられないようです。コードは次のとおりです。

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 im です。

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

私は本当にそれを正しく機能させたいと思っているので、あらゆる種類の提案を受け付けています。ありがとう.

ああ、モーダルを開いた後、ユーザーが存在するかどうかを確認するために ajax 情報を PHP ページに送信することになっていますが、最初にテストしていたため、まだ行っていません。

4

1 に答える 1

1 
$('input.verificar')

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

$('#verificar')
于 2012-04-06T16:50:43.253 に答える