I have following code which works perfectly fine without any masterpage,but as soon as i substitute the same code in content page,it's not working.Help me find the solution for that.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=txtUserName.UniqueID%>").change(function () {
var uname = $("#<%=txtUserName.UniqueID%>");
var msgbox = $("#status");
if (uname.val().length > 5) {
$.ajax({
type: "POST",
url: "WebForm1.aspx/CheckUserName",
data: "{'username': '" + uname.val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
if (msg.d == 'Available') {
msgbox.html('<font color="Green"> Available </font>');
}
else {
msgbox.html(msg.d);
}
}
});
}
else {
msgbox.html('<font color="#cc0000">User Name must be more than 5 characters</font>');
}
});
});
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
User Name :
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
<span id="status"></span>
</div>
</ContentTemplate>
</asp:UpdatePanel>
[WebMethod]
public static string CheckUserName(string username)
{
string returnValue = string.Empty;
DataTable dt = new BALUserMaster().Select(new BOLUserMaster() { Username = username });
if (dt.Rows.Count > 0)
{
returnValue = "<font color='#cc0000'><b>'" + username + "'</b> is already in use.</font>'";
}
else
{
returnValue = "Available";
}
return returnValue;
}
