javascript - 使用 ASP.NET Framework 4.5 Web 表单进行 Bootstrap 验证

Question

我有一些 ASP.NET aspx 表单，其中包含:

<div class="form-group input-group" runat="server" id="div_last_name">
    <span class="input-group-addon glyphicon glyphicon-user"></span>
    <asp:TextBox ID="TextBox4" CssClass="form-control required" runat="server" placeholder="Last Name"></asp:TextBox>
</div>
<div class="form-group input-group" runat="server" id="div_email" >
    <span class="input-group-addon">@</span>
    <asp:TextBox ID="TextBox1" CssClass="form-control required" runat="server"  placeholder="E-Mail"></asp:TextBox>
</div>

我想使用这个 jQuery 进行验证，但我不知道如何使用它。

jQuery(document).ready(function ($) {

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

        var error = 0;

        $('input.required').each(function (i, item) {
            if ($(item).val() == '') {
                $(item).addClass('form-control has-error');
                error = 1;
            }
            else {
                $(item).removeClass('form-control has-error');
            }
        });

        if (error) {
            return false;
        }
    });

    var min_height = jQuery(window).height();
    jQuery('div.col-lg-6 col-lg-offset-3').css('min-height', min_height);
    jQuery('div.col-lg-6 col-lg-offset-3').css('line-height', min_height + 'px');

    $(".inner", ".boxed").fadeIn(500);
});

Answer 1

它说:

$("#btnRegister_Click")

您需要将其替换为按钮的名称。如果它是常规 HTML 按钮，只需使用按钮的名称，例如:

$("#nameofbutton")

如果您使用服务器控制，则需要获取按钮的唯一客户端 ID。您可以使用以下方法来做到这一点:

$('#<%= nameofbutton.ClientID %>')