We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Backspace, Del, Arrow keys, Tab not working in Firefox when applying validation

  • 2 antwoorde
  • 20 hierdie probleem
  • 1 view
  • Laaste antwoord deur shitiz13

shitiz13
shitiz13
more options

Hi,

I am developing a webpage with some textboxes requiring only alphabets or alphanumeric text to be accepted. I am using DevExpress controls and following is the javascript code that executes on keypress

function fn_allowAlphabetspace(s, e) { 

           var theEvent = e.htmlEvent || window.event;
           var key = theEvent.keyCode || theEvent.which;

           debugger;
           key = String.fromCharCode(key);
           var regex = /[a-zA-Z ]/;

           if (!regex.test(key)) {
               theEvent.returnValue = false;
               if (theEvent.preventDefault)
                   theEvent.preventDefault();
           }
       }

All the browsers except firefox allow Backspace, Del, Tab, Arrow keys, Home, End key to work perfectly. Firefox does not allow any of these to work on the textboxes.

Thanks Shitiz

Hi, I am developing a webpage with some textboxes requiring only alphabets or alphanumeric text to be accepted. I am using DevExpress controls and following is the javascript code that executes on keypress function fn_allowAlphabetspace(s, e) { var theEvent = e.htmlEvent || window.event; var key = theEvent.keyCode || theEvent.which; debugger; key = String.fromCharCode(key); var regex = /[a-zA-Z ]/; if (!regex.test(key)) { theEvent.returnValue = false; if (theEvent.preventDefault) theEvent.preventDefault(); } } All the browsers except firefox allow Backspace, Del, Tab, Arrow keys, Home, End key to work perfectly. Firefox does not allow any of these to work on the textboxes. Thanks Shitiz

Gekose oplossing

Hi,

I tried to solve it by debugging the javascript and found the below code to be working for firefox as well as on other browsers IE10, Chrome and Safari without any issues

//validation function to allow only alphabets and space 

       function fn_allowAlphabetspace(s, e) {
           var searchSpecial = '$Backspace$Del$Home$Tab$Left$Right$Up$Down$End$';
           if (searchSpecial.indexOf('$' + e.htmlEvent.key + '$') < 0) {
               var theEvent = e.htmlEvent || window.event;
               var key = theEvent.keyCode || theEvent.which;
               key = String.fromCharCode(key);
               var regex = /[a-zA-Z ]/;

               if (!regex.test(key)) {
                   theEvent.returnValue = false;
                   if (theEvent.preventDefault)
                       theEvent.preventDefault();
               }
           }
       }

Please not that parameter e passed in the function provide the details of the keypress function. I am using DevExpress ASPxTextBoxes. Anybody who wants to use this function need to make changes in the above code as per the control used

Thanks Shitiz

Lees dié antwoord in konteks 👍 0

All Replies (2)

shitiz13
shitiz13 Vraag-eienaar
more options

Forgot to mention, DevExpress is a third party tool that I am using.

Gewysig op deur shitiz13

shitiz13
shitiz13 Vraag-eienaar
more options

Gekose oplossing

Hi,

I tried to solve it by debugging the javascript and found the below code to be working for firefox as well as on other browsers IE10, Chrome and Safari without any issues

//validation function to allow only alphabets and space 

       function fn_allowAlphabetspace(s, e) {
           var searchSpecial = '$Backspace$Del$Home$Tab$Left$Right$Up$Down$End$';
           if (searchSpecial.indexOf('$' + e.htmlEvent.key + '$') < 0) {
               var theEvent = e.htmlEvent || window.event;
               var key = theEvent.keyCode || theEvent.which;
               key = String.fromCharCode(key);
               var regex = /[a-zA-Z ]/;

               if (!regex.test(key)) {
                   theEvent.returnValue = false;
                   if (theEvent.preventDefault)
                       theEvent.preventDefault();
               }
           }
       }

Please not that parameter e passed in the function provide the details of the keypress function. I am using DevExpress ASPxTextBoxes. Anybody who wants to use this function need to make changes in the above code as per the control used

Thanks Shitiz