< script type="text/javascript">
function bar() {
document.getElementById("lbl1").innerHTML = 'Label text changed';
}
< input type="text" name="foo" onKeyUp="return bar()" />
<head runat="server">
<title></title>
<script type="text/javascript">
function myfunction() {
debugger;
var name = document.getElementById("txtname").value;
if(name=="")
{
document.getElementById("lblmesg").innerHTML = "data doesn't match";
}
else
{
document.getElementById("lblmesg").innerHTML = "";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" id="txtname" placeholder="hello" onblur ="myfunction();" />
<label id="lblmesg"></label>
</div>
</form>
</body>
<asp:TextBox ID="txtname2" runat="server" Text="Hello" AutoPostBack="true" OnTextChanged="txtname2_TextChanged"></asp:TextBox>
<asp:Label ID="lblmesg2" runat="server"></asp:Label>
protected void txtname2_TextChanged(object sender, EventArgs e)
{
string name = txtname2.Text;
if (name == string.Empty)
{
lblmesg2.Text = "data doesn't match";
}
else
{
lblmesg2.Text = "";
}
}
