jquery masked input with asp.net control problem
Posted
by Eyla
on Stack Overflow
See other posts from Stack Overflow
or by Eyla
Published on 2010-03-03T02:50:15Z
Indexed on
2010/04/19
22:03 UTC
Read the original article
Hit count: 861
Filed under:
jquery-plugins
|ASP.NET
Hi, I have problem while using jquery maskedinput with asp.net textbox. I have a check box that when I check will set a mask to the textbox and when uncheck it change the mask. the problem that when the focus is lost before the mask completed to be filled the text box will empty.
how can I fix the problem???
here is my code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script src="js/jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script type="text/javascript">
function mycheck() {
if ($('#<%=chk.ClientID %>').is(':checked'))
{
$("#<%=txt.ClientID %>").unmask();
$("#<%=txt.ClientID %>").val("");
$("#<%=txt.ClientID %>").mask("999999999999");
}
else
{
$("#<%=txt.ClientID %>").unmask();
$("#<%=txt.ClientID %>").val("");
$("#<%=txt.ClientID %>").mask("(999)999-9999");
}
}
</script>
<style type="text/css">
#form1
{
margin-top: 0px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<p>
<asp:CheckBox ID="chk" runat="server" CssClass="kk"
onclick="mycheck()" />
</p>
<p>
<asp:TextBox ID="txt" runat="server" CssClass="tt" ></asp:TextBox>
</p>
</div>
</form>
</body>
</html>
© Stack Overflow or respective owner
