输入按钮单击不在jquery和asp.net上触发

时间:2014-01-31 23:04:38

标签: jquery asp.net html5 input click

好吧我从来没有在ASP.NET上使用jQuery只有PHP,现在我有这个问题,因为我有一个输入类型按钮和jQuery我有一个点击功能,但它没有解雇。如果有人知道为什么以及如何解决这个问题。这是我的代码:

    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js">

        $(document).ready(function(e) {
            var usuario = $("#tbUsername").text();
            var password = $("#tbPassword").text();

            var jsonInfo = "usuario:" + usuario + "," + "password:" + password;

            $("#btLogin").click(function () {

                alert('Click');

            });

            function _throwError(XMLHttpRequest, textStatus, errorThrown) {
                alert("Request: " + XMLHttpRequest.toString() + "Status " + textStatus);
            }

            function _onSuccess(data, Status, jqXHR) {
                if (data == 'authenticated') {
                    alert('User authenticated');
                }
                else {
                    alert('User and password do not match');
                }
            }
        });
    </script>
    <style type="text/css">

    </style>
    </asp:Content>  

这是我的ASP.NET代码,它都在客户端:

    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Please login to continue:
    </h2>

    <table>
        <tr>
            <td><label>Username: </label></td><td><input id='tbUsername'></td>
        </tr>
        <tr>
            <td><label>Password: </label></td><td><input id='tbPassword'></td>
        </tr>
        <tr>
            <td colspan="2"><input type="button" value="Login" id="btLogin"/></td>
        </tr>
    </table>

    <div id="resultado"></div>
    <p>

    </p>
</asp:Content>

谢谢和问候。

1 个答案:

答案 0 :(得分:1)

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js" >
</script>

 <script type="text/javascript">
        $(function () {
            $("#btLogin").click(function () {

                alert('Click');

            });
        });

    </script>