使用javascript驗證網格視圖控件

大家好所有我有一個網格視圖，它是與數據庫綁定的機器人，但它綁定了數據表。網格視圖在第一次加載頁面時有一個空行。我正在使用這個網格在數據庫中插入數據。無論何時用戶在第一行插入數據並單擊「添加新行」按鈕，都會創建一個新行。現在我的問題是當用戶點擊按鈕我想驗證是否有任何空的控件。所以我想添加JavaScript。我有許多腳本，但它不起作用。請指導我。使用javascript驗證網格視圖控件

我的網格視圖如下。

資格詳細
資格 - 選擇 -

         </asp:DropDownList> 
           </ItemTemplate> 
          </asp:TemplateField> 
          <asp:TemplateField> 
           <HeaderTemplate> 
            Percentage 
           </HeaderTemplate> 
           <ItemTemplate> 
            <asp:TextBox ID="percentageBox" clientID="percentageBox" name="percentageBox" runat="server"></asp:TextBox> 
            </ItemTemplate> 
          </asp:TemplateField> 
          <asp:TemplateField> 
           <HeaderTemplate> 
            Passing Year 
           </HeaderTemplate> 
           <ItemTemplate> 
            <asp:TextBox ID="yearBox" clientID="yearBox" name="yearBox" runat="server"></asp:TextBox> 
            </ItemTemplate> 
          </asp:TemplateField> 
          <asp:TemplateField> 
           <HeaderTemplate> 
            Institute Name 
           </HeaderTemplate> 
           <ItemTemplate> 
            <asp:TextBox ID="instituteNameBox" clientID="instituteNameBox" name="instituteNameBox" runat="server"></asp:TextBox> 
            </ItemTemplate> 
          </asp:TemplateField> 
         </Columns> 
         <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
         <PagerStyle BackColor="#284775" ForeColor="White" 
          HorizontalAlign="Center" /> 
         <SelectedRowStyle BackColor="#E2DED6" ForeColor="#333333" Font-Bold="True" /> 
         <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
         <EditRowStyle BackColor="#999999" /> 
         <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
        </asp:GridView> 
        </td> 
         </tr> 
        </table> 
       </ContentTemplate> 
       <Triggers> 
       <asp:AsyncPostBackTrigger ControlID="addRowBtn" EventName="Click"/> 
       </Triggers> 

      </asp:UpdatePanel> 
      <br /> 
    </td> 
</tr>

來源

2011-03-31 Microsoft Developer

我創建用於在使用j個Query.You可以從該一個幫助網格視圖驗證的樣品。

JQUERY：

var vIsProcess = true; 
$("#btnSubmitNew").click(function(){ 
    $("table[id$='gvCommentSample']").find("input:text").each(function(){ 
    if($(this).val()=="") 
    { 
     alert("Please fill the required field"); 
     $(this).focus(); 
     vIsProcess= false; 
     return false; 
    } 
    else 
    { 
     vIsProcess= true; 
    } 
}); 
if(!vIsProcess) 
    return false; 
else 
    return true; 
});

ASPX：

<asp:GridView ID="gvCommentSample" runat="server" ShowFooter="false" Width="50%" AutoGenerateColumns="false" > 
    <Columns> 
     <asp:TemplateField HeaderText="Code"> 
      <ItemTemplate> 
       <asp:TextBox ID="txtCode" runat="server"></asp:TextBox> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Name"> 
      <ItemTemplate> 
       <asp:TextBox ID="txtName" runat="server"></asp:TextBox> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 
<br /> 
<asp:Button ID="btnSubmitNew" runat="server" Text="Submit" />

CLICK ON THIS LINK TO SEE THE DEMO

來源

2011-03-31 11:00:14 Sukhjeevan

使用javascript驗證網格視圖控件

回答

相關問題