Try This
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js" type="text/javascript"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#form1").validate({
rules: {
<%=txtName.UniqueID %>:{
required:true
}
},
messages: {
<%=txtName.UniqueID %>:{
required: "Name should not be empty"
}
}
});
});
</script>
<style type="text/css">
label.error {
color: red;
display: inline;
}
.error {
height: 26px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
Name<asp:textbox id="txtName" runat="server" xmlns:asp="#unknown"></asp:textbox>
<asp:button id="btnSubmit" runat="server" text="Submit" cssclass="error" onclick="btnSubmit_Click" xmlns:asp="#unknown" />
</form>
</body>
</html></html>