在JQuery的gridview中查找文本框_Jquery_Asp.net_Validation_Gridview

在JQuery的gridview中查找文本框

jquery asp.net validation gridview

在JQuery的gridview中查找文本框,jquery,asp.net,validation,gridview,Jquery,Asp.net,Validation,Gridview,我有一个包含图像按钮的gridview。单击该图像按钮，另一个网格将被填充，其中包含一些文本框。如果textbox中插入的值大于gridview的列值之一，我想对失去焦点的文本框启动JQuery验证。该列值正在使用绑定字段绑定数据如何使用Jquery实现这一点？我是JQuery新手我试过这样的东西 <script type="text/javascript" language="javascript"> $(function () { var GridV

我有一个包含图像按钮的gridview。单击该图像按钮，另一个网格将被填充，其中包含一些文本框。如果textbox中插入的值大于gridview的列值之一，我想对失去焦点的文本框启动JQuery验证。该列值正在使用绑定字段绑定数据

如何使用Jquery实现这一点？我是JQuery新手

我试过这样的东西

<script type="text/javascript" language="javascript">
    $(function () {

        var GridView = $('#grdSalesOrder tr').each(function () {
            var btn = $(this).find('img[id*=imgdesign1]');
            alert(btn);
        });

    });
</script>

首先，我找到主网格视图和该网格视图的imagebutton。单击按钮时，另一个gridview将被填充。所以我认为我应该编写代码，在这个图像按钮的点击事件中找到另一个网格，因为在页面加载事件发生时，另一个网格将不可用。但是在这段代码中，我没有得到主网格视图中的按钮。如果我有任何错误，请编辑我的Jquery。

这里的诀窍是如何在网格上找到您想要的每个元素。没有html代码，我可以给你一些点击开始

此代码是使用id YourGridViewID选择GridView中的所有文本框

jQuery('#<%=YourGridViewID.ClientID%> input[type=text]')

添加设置的失去焦点

jQuery('#<%=YourGridViewID.ClientID%> input[type=text]').blur{
    // add the code for the validation
});

现在，如果你从网格中写一两行，也许我可以帮助你更多地定位其他数据。

这里的技巧是如何在网格中找到你想要的每个元素。没有html代码，我可以给你一些点击开始

此代码是使用id YourGridViewID选择GridView中的所有文本框

jQuery('#<%=YourGridViewID.ClientID%> input[type=text]')

添加设置的失去焦点

jQuery('#<%=YourGridViewID.ClientID%> input[type=text]').blur{
    // add the code for the validation
});

现在，如果您从网格中写入一行或两行，也许我可以帮助您更多地查找其他数据。

以下是一些JQuery，您可以根据需要进行配置

它假定您已将CssClass添加到栅格视图中，如下所示：

<asp:GridView ID="Products" runat="server" CssClass="grid_view">

将CssClass添加到文本框，如下所示：

<asp:TextBox ID="txtUserInput runat="server" CssClass="user_input" />

并且绑定的列值位于标题行中

因此，如果网格视图的html表输出与此类似

<table class="grid_view" cellspacing="0" rules="all" border="1" id="Products" style="border-collapse:collapse;">
<tr>
    <th scope="col">12</th><th scope="col">4</th><th scope="col">21</th>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>6</td>
</tr>
<tr>
    <td>3</td><td>1</td><td>5</td>
</tr>
<tr>
    <td><input type="text" class="user_input" /></td>
    <td><input type="text" class="user_input" /></td>
    <td><input type="text" class="user_input" /></td>
<tr>
</table>

您可以使用这个JQuery

<script type="text/javascript">
    $('.user_input').blur(function() {
    var enteredVal = $(this).val();
    var currentCell = $(this).closest("td");

    col = $(currentCell).prevAll().length;
    var obj = $(this).parents('table').find('th').eq(col);
    var hrVal = obj.text();

    // your validation here
    if (parseInt(enteredVal,10) > parseInt(hrVal,10)) {
        alert('too big');
    }
});
</script>

请参阅此示例。