How to use the same javascript function for different controls in content page, vb.ne

[vigneshwarie]

Hi,

I'm having a javascript code which takes the field/control id and checks whether it contain alphabets or not. This javascript code can be reused for many other similar fields.
So i'm passing the "id" of the control while calling the javascript function. This was working fine too.
Now when i added a master page to the web page, the ID of the control in the content page will get appended with a clientID. As because of this when i pass the control ID while calling the script function, unable to find the control as it is appended with client ID.
I dont want to repeat the .js code for each control separately, which has the same functionality.

If i directly give the field name in the .js then its working fine.

<script type="javascript">
function checkAlpha(FieldID)
{
var txt = document.getElementById('<%=txtUserName.ClientID%>').value;
alert(txt)
}
</script>

If i directly pass, txtUserName which is ID, then it works fine. But while calling this function, passing a param which holds the ID, which will vary for different conrols is not working. ClientID will be appended to control.
How to append this FieldID in javascript, Please help me.
Thanx in Advance,
Vigneshwarie

[Frinavale]

Couldn't you just pass the whole element to the control instead of the ID?

Like so:

<input type="Text" onkeyup="return checkAlpha(this);" />
 

Or in ASP.NET it would look more like:

<asp:TextBox ID="myTextBox" onkeyup="return checkAlpha(this);" />

Now in your script you don't need to use document.getElementById since you've passed the element into the method...

<script type="javascript">
function checkAlpha(txt)
{
  alert(txt.value)
}
</script>

-Frinny

[vigneshwarie]

Oh! Thanx Frinny.
This "this" didnt strike me.
Thank you so much.
Vigneshwari