Wednesday, 11 May 2011

CLIENT SIDE VALIDATION IN USER CONTROL

//THIS IS MY .ASCX SOURCE FILE  PAGE
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ValidateLoginControl.ascx.cs" Inherits="ValidateLoginControl" %>
<style type="text/css">
    .style1
    {
        width: 100%;
    }
    .style2
    {
        width: 73px;
    }
    .style3
    {
        width: 350px;
    }
</style>
<script language="JavaScript" type="text/JavaScript">
    function validate() {
        if (document.getElementById("<%=txtUserName.ClientID%>").value == "") {
            alert("Enter Ur UserName");
            document.getElementById("<%=txtUserName.ClientID%>").focus();
            return false;
        }
        if (document.getElementById("<%=txtPassword.ClientID %>").value == "") {
            alert(" Enter Ur Password");
            document.getElementById("<%=txtPassword.ClientID %>").focus();
            return false;
        }
        return true;
    }
</script>
<table class="style1">
    <tr>
        <td class="style2">
            <asp:Label ID="lblUserName" runat="server" Text="User Name"></asp:Label>
        </td>
        <td class="style3">
            <asp:TextBox ID="txtUserName" runat="server" ></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="style2">
            <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
        </td>
        <td class="style3">
            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="style2">
            &nbsp;</td>
        <td class="style3">
            <asp:Button ID="btnSubmit" runat="server" Text="SignIn" onclick="btnSubmit_Click"
                 />
        </td>
    </tr>
    <tr>
        <td class="style2">
            &nbsp;</td>
        <td class="style3">
            &nbsp;</td>
    </tr>
</table>
THIS IS .ASCX CODE FILE
protected void Page_Load(object sender, EventArgs e)
    {
        btnSubmit.Attributes.Add("onClick", "validate()");
    }
//THIS IS .ASPX SOURCE FILE  PAGE
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="validateLogin.aspx.cs" Inherits="validateLogin" %>
<%@ Register Src="~/ValidateLoginControl.ascx" TagName="vlc" TagPrefix="validatelogin" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     
        <validatelogin:vlc ID="vlc1" runat="server" />
     
    </div>
    </form>
</body>
</html>



No comments:

Post a Comment