How to get textbox content to a javascript file and use of Jquery functions on it

See more:

ASP.NET

Javascript

jQuery

Hello everyone ,
I am working on a project where there are 3 login pages for different user for that the parameter userID and Password remains the same . For all the 3 separate login pages i need to write validation for each page so i taught of writing a JavaScript file to validate commonly where the text box ID's remains same in all the 3 login pages .

so i took a "WebFormOne.js" file into my project solution and as usual I took Jquery.js to my project

then i gave ref of Jquery.js to "WebFormOne.js"like this

/// <reference path="Jquery.js" />

I am getting all the jquery functions in WebFormOne.js so its not a problem to me

now coming to actual problem

in aspx page i have taken 2 textbooks like this

<asp:TextBox ID="txtuserID" runat="server"></asp:TextBox><br/>
 <asp:TextBox ID="txtpassword" runat="server" TextMode="Password"></asp:TextBox><br/>
<asp:Button ID="Button1" runat="server" Text="Login"  
                        OnClientClick="return validateLoginTextBox();" onclick="Button1_Click"/>

where "validateLoginTextBox() " is a method written inside then WebFormOne.js
the code is as follows

/// <reference path="Jquery.js" />

function validateLoginTextBox() {
    var validationResult = true;
    var ControlContent = '';
  alert('hi');

ControlContent = $('#<%=txtuserID.ClientID %>').val();

if (ControlContent.length == 0) {
        alert('User ID Required');
       validationResult = false;
   }
ControlContent = $('#<%=txtpassword.ClientID %>').val();
if (ControlContent.length == 0) {
        alert('Password Required');
       validationResult = false;
     }
return validationResult;

}

I am getting the alert message "HI" after that it s showing '$' is undefined
Can anybody tell how can i solve this problem .


Thanks in advance

Arun