none
Jquery RRS feed

  • Pergunta

  • Galera estou com a pagina abaixo, mas não entra nunca na minha função Jquery, alguem poderia me explicar porque disso ?

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.WebForm1" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    
            <script type="text/javascript">
            $(document).ready(function () {
                $(".TextBox").click(function () {
                    var id = $(this).attr('ID');
                    var name = $(this).attr('name');
                    var value = $(this).attr('value');
                    alert(id + " " + name + " " + value)
                });
            });
        </script>
    
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
            <asp:Login ID="Login1" runat="server">
                <LayoutTemplate>
                    <table cellpadding="1" cellspacing="0" style="border-collapse:collapse;">
                        <tr>
                            <td>
                                <table cellpadding="0">
                                    <tr>
                                        <td align="center" colspan="2">Log In</td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
                                           <%-- <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>--%>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                                            <%--<asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>--%>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <asp:CheckBox ID="RememberMe" runat="server" Text="Remember me next time." />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center" colspan="2" style="color:Red;">
                                            <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" colspan="2">
                                            <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="Login1"  />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </LayoutTemplate>
            </asp:Login>
        
        </div>
        </form>
    </body>
    </html>
    

    Obrigado


    SirSmart

    quinta-feira, 2 de março de 2017 17:16

Respostas

  • Por um motivo:

    Voce esta usando um seletor de classe  TextBox. O fato é que essa classe CSS nao existe no seu projeto. 

    Analise o html gerado (eu recomendo usar o chrome para isso). O codigo abaixo 

     <asp:TextBox ID="UserName" runat="server"></asp:TextBox>

    fica assim:

    <input name="ctl00$contenu$UserName" type="text" id="ctl00_UserName">

    Sem uma classe definida. Lembre-se desta regra (desculpe escrever tudo em maiusculo): O JQUERY ENXERGA O HTML GERADO. Isso vale se voce usa ASP.NET ou ASP.NET MVC.

    Para que seu seletor funcione voce precisa fazer:

    <asp:TextBox ID="UserName" runat="server" CssClass="TextBox"></asp:TextBox>

    dai o html gerado fica assim:

    <input name="ctl00$contenu$UserName" type="text" id="ctl00_UserName" class="TextBox">


    William John Adam Trindade
    Analyste-programmeur


    Sogi Informatique ltée
    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer". Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta SirSmart quinta-feira, 2 de março de 2017 19:19
    quinta-feira, 2 de março de 2017 19:04
    Moderador