與ASP.NET框架4.5的Web引導驗證表單

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 %>')