1

大家好，首先感谢您所做的一切，这是问题：

每次点击我与 jquery 链接的提交按钮尝试发出 AJAX 请求以在模态模式下打开对话框时 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：

 $('#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”类的输入。你想要的是找到一个id为“verificar”的对象。

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