KeyUp event not firing in Firefox, but works fine in IE

Question

This code works fine in IE but not FF. Looks like regular expression match function is not working correctly in FF. Please see the code below. Function restrictData always retuns true.

protected void Page_Load(object sender, EventArgs e)
{
    textBox.Attributes.Add("onkeyup", "chkTextBox(this)"); 
}

javascript Code**

function chkTextBox(txb) 
{
var bx = document.getElementById(txb.id);
if (restrictData(bx))
 {
     alert('You have used a special character. Please retype your answer without using special characters');
     bx.value = "";
}

}

function restrictData(cnid)
{
var inputValid = true;
 restrictSplChrRegex = "^(a-z|A-Z|0-9)*[^\]$%^&*~!?><.:\;\`/|\['\\\\\\x22]*$"; 
if (cnid.value.match(restrictSplChrRegex)) 
    inputValid =true;
else
    inputValid =false; 
return inputValid;

}

Answer 1

Just pass only this

textBox.Attributes.Add("onkeyup", "chkTextBox(this);");

JS

function chkTextBox(textBoxID)
{
     alert('Textbox Value: ' + textBoxID.value);
}

OUTPUT

While keyup, am getting the alert box with the entered values

Example: Textbox Value: Pa$$w0rd

I have tested in IE8, FF, Chrome. Everywhere it is working fine.

Answer 2

You should try this first:

 textBox.Attributes.Add("onKeyUp", "alert('Does it fire at all?')");

My guess is that will work. Potentially FF is case-sensitive on its attributes.

I doubt that code you posted works as you expect even in IE. Here is the best way to attach a event handler via an attribute:

 textBox.Attributes.Add("onKeyUp", "chkTextBox.apply(this, arguments)");

 function chkTextBox(ev)
 {
      alert("Text box value is: " + this.value);
 }

Note that on many browsers the ev will the event object, on IE is will be undefined since event is assigned globally.