Question

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

每次点击我与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();
                        }
                    });
                }            
        });

我真的希望让它正常工作，所以我愿意接受各种建议，谢谢。

哦，在我打开模态之后，我应该将ajax信息发送到PHP页面以验证用户是否存在，只是没有完成它因为我先测试它，

Answer 1

$('input.verificar')

是一个选择器，它正在寻找带有'verificar'的类的输入。你想要的是找到一个具有'verificar'的 id 的对象。

$('#verificar')

Jquery对话框和Ajax麻烦

1 个答案: