Member 12677894 Ответов: 2

Как проверить поля текстового поля в сетке?

у меня есть datagrid и один из столбцов с текстовыми полями, и если пользователь попытается ввести пробелы или любые другие символы и нажать кнопку Отправить, мы не должны позволять,
пользователь может вводить только числовые значения или пустую строку без пробелов
как я могу этого достичь?

Что я уже пробовал:

пробовал пользовательский валидатор, но не получил желаемого выхода, можете ли вы предложить мне проверить его с помощью javascript

2 Ответов

Рейтинг:
20

Karthik_Mahalingam

пробовать
ASP / HTML

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="false">
          <Columns>
              <asp:BoundField HeaderText="ID" DataField="ID" />
              <asp:BoundField HeaderText="Name" DataField="Name" />
              <asp:TemplateField HeaderText="Value">
                  <ItemTemplate>
                      <asp:TextBox CssClass="TextField" ID="txt" runat="server"></asp:TextBox>
                  </ItemTemplate>
              </asp:TemplateField>
          </Columns>
      </asp:GridView>

      <asp:Button ID="btnSubmit" Text="Save" runat="server" OnClientClick="return ValidateGrid();" />


Язык JavaScript
function ValidateGrid() {
         var grid = document.getElementById('<%= gv.ClientID%>');
         var length = grid.rows.length;
         if (length > 1)
             for (var i = 1; i < length; i++) {
                 var row = grid.rows[i];
                 var textbox = row.getElementsByClassName('TextField')[0];
                 var value = textbox.value;
                 if (value.match(/[^0-9]/g, '')) {
                     alert('Please enter valid data');
                     textbox.focus();
                     return false;
                 }
                 return true;
             }
     }


С фоновым кодом
protected void Page_Load(object sender, EventArgs e)
     {

         if (!Page.IsPostBack)
         {
             DataTable dt = new DataTable();
             dt.Columns.Add("ID");
             dt.Columns.Add("Name");
             dt.Columns.Add("Value");
             dt.Rows.Add(1, "karthik", "");
             dt.Rows.Add(2, "prasanth", "");
             dt.Rows.Add(2, "sachin", "");
             dt.Rows.Add(2, "sehwag ", "");
             gv.DataSource = dt;
             gv.DataBind();

         }
     }

Рейтинг:
1

CHill60

Существует множество решений, обсуждаемых в этом посте
Ограничение столбца Gridview для приема номеров только на стороне клиента[^]
а также здесь (вероятно, лучшее решение)
Ограничение значений внутри текстового поля только числами, но это текстовое поле находится в представлении сетки[^]