使用ASP.NET framework 4.5 Web Forms进行引导验证

Bootstrap validation with ASP.NET framework 4.5 Web Forms

本文关键字：验证 Forms Web NET ASP framework 使用      更新时间：2023-09-26

我有一些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);
});

上面写着：

$("#btnRegister_Click")

您需要将其替换为按钮的名称。如果它是一个普通的HTML按钮，只需使用按钮的名称，如：

$("#nameofbutton")

如果使用服务器控制，则需要获取按钮的唯一客户端id。你可以使用：

$('#<%= nameofbutton.ClientID %>')
相关文章：