FilterTextBoxExtender in AJAX enables the input of carriage returns

Question

FilterTextBoxExtender in AJAX enables the input of carriage returns

I need assistance with a multi-line text box that I'm using an AJAX FilteredTextBoxExtender on to restrict user input to just numbers. However, I also want users to be able to add a new line by pressing the enter key. I've looked around for a solution but haven't been successful. Does anyone have any ideas on how to achieve this?

Thank you in advance!

Below is the code snippet I am referring to:

<asp:TextBox ID="txtEIDEntryBox" runat="server" CssClass="PrettyEntryBox" TextMode="MultiLine" Height="300px" Width="100px"></asp:TextBox>
    <ajaxToolkit:FilteredTextBoxExtender ID="ftbeEID"
            runat="server"
            TargetControlID="txtEIDEntryBox"
            FilterType="Custom" ValidChars="0123456789"></ajaxToolkit:FilteredTextBoxExtender>

javascript asp.net ajax filtering

Answer 1

Answer №1

To enhance the FilterType, insert Custom and then incorporate the following code in the back-end:

Protected Sub filter_IdentifierFilter_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles filter_IdentifierFilter.Init
    filter_IdentifierFilter.ValidChars = filter_IdentifierFilter.ValidChars & vbCrLf
End Sub

found at

Answer 2

To enhance the FilterType, insert Custom and then incorporate the following code in the back-end:

Protected Sub filter_IdentifierFilter_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles filter_IdentifierFilter.Init
    filter_IdentifierFilter.ValidChars = filter_IdentifierFilter.ValidChars & vbCrLf
End Sub

found at

Answer 3

Answer №2

Unfortunately, it doesn't appear to be achievable using the current setup. A possible solution could involve implementing jQuery instead. You can find a helpful response here.

$.fn.filterTextBox = function() {
            return this.each(function() {
                $(this).keydown(function(e) {
                    var key = e.charCode || e.keyCode || 0;
                    return (
                            key == 13 || //enter
                            (key >= 37 && key <= 40) || //arrows
                            (key >= 48 && key <= 57) || //numbers
                            key == 8 || //backspace
                            key == 9 || //tab
                            key == 46 //delete
                            );
                });
            });
        };

        $(function() {
            $('#<%= txtEIDEntryBox.ClientID %>').filterTextBox();
        });

Answer 4

Unfortunately, it doesn't appear to be achievable using the current setup. A possible solution could involve implementing jQuery instead. You can find a helpful response here.

$.fn.filterTextBox = function() {
            return this.each(function() {
                $(this).keydown(function(e) {
                    var key = e.charCode || e.keyCode || 0;
                    return (
                            key == 13 || //enter
                            (key >= 37 && key <= 40) || //arrows
                            (key >= 48 && key <= 57) || //numbers
                            key == 8 || //backspace
                            key == 9 || //tab
                            key == 46 //delete
                            );
                });
            });
        };

        $(function() {
            $('#<%= txtEIDEntryBox.ClientID %>').filterTextBox();
        });

FilterTextBoxExtender in AJAX enables the input of carriage returns

Answer №1

Answer №2

Similar questions

Creating custom result formats through WCF to return JSONP

Using Ajax to make a request on the same page but specifically within a column

Easy task tracker in Vue.js

What is the best way to determine the appropriate function to invoke using JQuery and Ajax?

transferring data from JavaScript to PHP variables

What are the steps for defining the maximum and minimum values in AngularJS?

Using the combination of CakePHP and AJAX for seamless database updates without the need for page

connect the input to a factor using v-model

Auto play feature malfunctioning in Onsen-UI Carousel attribute settings

A Guide on Integrating a Javascript Reference into HTML while Displaying a PHP Object

"Exploring the Possibilities: Foundation 4 Reveal and WP AJAX for Creating Previous/Next Modal Windows within an Open Modal

Executing asynchronous JavaScript code within a Golang request: a comprehensive guide

Tips for optimizing search functionality in Angular to prevent loading all data at once

What is the best way to send information using an array of objects?

Having trouble adding/removing/toggling an element class within a Vue directive?

Show 1 Blog Post on a Separate AngularJS Page

Ways to retrieve an input field value without triggering form submission

"Creating varying lengths of time with useSpring: A Step-by-Step Guide

Utilizing React's Conditional Rendering Alongside Bootstrap to Maintain the Layout Intact

Trouble with Mongoose save() function failing to update data