Implementing Text Box Control Validation within a Gridview using UpdatePanel in c# ASP.Net

Question

Implementing Text Box Control Validation within a Gridview using UpdatePanel in c# ASP.Net

In my gridview, one of the columns contains a Text Box Control.

I am looking to validate the text entered by users as alphanumeric characters and spaces only.

Allowed characters are: a-z, A-Z, 0-9, and space.

I want to perform this validation using JavaScript.

Platform: ASP.Net 2.0, C#

Here is what I have attempted so far...

function IsValidCharNum(event) {
    var KeyBoardCode = (event.which) ? event.which : event.keyCode;
    if ((KeyBoardCode < 96 || KeyBoardCode > 123) && (KeyBoardCode < 65 || KeyBoardCode > 90) && (KeyBoardCode < 48 || KeyBoardCode > 57) && (KeyBoardCode !== 32)) {
        return false;
    }
    return true;
} </script>

When used with onkeypress="return IsValidCharNum(event)" for a textbox outside of the gridview and update panel, it works as expected.

c#javascript asp.net

Answer 1

Answer №1

If you want to ensure that a user only enters alphanumeric characters, you can use the RegularExpression Validator in the following way:

<asp:TextBox ID="txtName" runat="server" ></asp:TextBox>

<asp:RegularExpressionValidator ID="REValphaOnly" runat="server" ErrorMessage="Please enter only alphanumeric." ControlToValidate="txtName" ValidationExpression="^[a-zA-Z0-9 ]+$"></asp:RegularExpressionValidator>

For more information, you can visit these links:

http://msdn.microsoft.com/en-us/library/ms972966.aspx

http://www.codeproject.com/Tips/472728/RegularExpressionValidator-In-ASP-NET

Answer 2

If you want to ensure that a user only enters alphanumeric characters, you can use the RegularExpression Validator in the following way:

<asp:TextBox ID="txtName" runat="server" ></asp:TextBox>

<asp:RegularExpressionValidator ID="REValphaOnly" runat="server" ErrorMessage="Please enter only alphanumeric." ControlToValidate="txtName" ValidationExpression="^[a-zA-Z0-9 ]+$"></asp:RegularExpressionValidator>

For more information, you can visit these links:

http://msdn.microsoft.com/en-us/library/ms972966.aspx

http://www.codeproject.com/Tips/472728/RegularExpressionValidator-In-ASP-NET

Answer 3

Answer №2

To implement this functionality, you can utilize JavaScript to trigger an event when a user types in a textbox.

<script type="text/javascript>
        function ValidateText(i) {
            if (/[^0-9a-bA-B\s]/gi.test(fieldname.value)) {
                alert("Please enter only alphanumeric characters and spaces in this field");
                fieldname.value = "";
                fieldname.focus();
                return false;
            }
        }
</script>

<asp:TemplateField>
    <ItemTemplate>
        <asp:TextBox ID="TextBox1" runat="server" onkeyup ="ValidateText(this);"></asp:TextBox>
    </ItemTemplate>
</asp:TemplateField>

Answer 4

To implement this functionality, you can utilize JavaScript to trigger an event when a user types in a textbox.

<script type="text/javascript>
        function ValidateText(i) {
            if (/[^0-9a-bA-B\s]/gi.test(fieldname.value)) {
                alert("Please enter only alphanumeric characters and spaces in this field");
                fieldname.value = "";
                fieldname.focus();
                return false;
            }
        }
</script>

<asp:TemplateField>
    <ItemTemplate>
        <asp:TextBox ID="TextBox1" runat="server" onkeyup ="ValidateText(this);"></asp:TextBox>
    </ItemTemplate>
</asp:TemplateField>

Answer 5

Answer №3

After much effort, I have successfully developed a function to validate user input

page.aspx

<script type="text/javascript>
  function CheckInput(event) {

      var KeyCode = (event.which) ? event.which : event.keyCode;

      if ((KeyCode < 96 || KeyCode > 123) && (KeyCode < 65 || KeyCode > 90) && (KeyCode < 48 || KeyCode > 57) && (KeyCode < 32 || KeyCode > 32)) {
         
          return false;

      }

      return true;

  }

<asp:TextBox ID="TextBox1" runat="server" onkeypress="return CheckInput(event)"></asp:TextBox>

Implementing this function with gridview and updatepanel functionality

Answer 6

After much effort, I have successfully developed a function to validate user input

page.aspx

<script type="text/javascript>
  function CheckInput(event) {

      var KeyCode = (event.which) ? event.which : event.keyCode;

      if ((KeyCode < 96 || KeyCode > 123) && (KeyCode < 65 || KeyCode > 90) && (KeyCode < 48 || KeyCode > 57) && (KeyCode < 32 || KeyCode > 32)) {
         
          return false;

      }

      return true;

  }

<asp:TextBox ID="TextBox1" runat="server" onkeypress="return CheckInput(event)"></asp:TextBox>

Implementing this function with gridview and updatepanel functionality

Implementing Text Box Control Validation within a Gridview using UpdatePanel in c# ASP.Net

Answer №1

Answer №2

Answer №3

Similar questions

Instructions for properly formatting a date extracted from ASPX JSON through AJAX

Integrating AngularJS code into dynamically generated HTML using JavaScript

How can I access the parent function within module.exports?

Unable to assign an argument to a function in commander.js

What is the best way to remove every other second and third element from an array?

The Material UI Icon rendered using document.createElementNS in React is failing to load properly

Can JavaScript event listeners be compelled to trigger in a specific sequence?

Unable to retrieve element using getElementById with dynamically assigned id

Tips for accessing private variables

Implement Ajax functionality in C# MVC to dynamically update the values of two dropdown filters

Enhance global variable by appending a line from a local function in Javascript

Leveraging AJAX for connectivity to the Twitter API

Is it possible to export CSS stylesheets for shadow DOM using @vanilla-extract/css?

Can you provide a guide on setting up and utilizing mathlive within NuxtJS?

Leveraging symbols as object key type in TypeScript

Can an infowindow be automatically closed based on specific criteria?

How to Implement Button Disable Feature in jQuery When No Checkboxes Are Selected

React Intersection Observer Triggering Memory Leaks

Tips for managing onClick code when a user selects "open link in new tab" within a React js environment

Ways to retrieve property value from a component in Vue.js 2.0