Javascript Validation in asp.net

Ravikumar
Ravikumar
April 08, 2014
0
Hello guys!
I'm here going to to create java script validation in asp.net.

Step:1 

Create Simple WebApplication and paste bellow code in head portion in html.

And replace yellow color code with TextBox controls ID .


01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<script language="javascript" type="text/javascript">
        function validate() {
            var summary = "";
            summary += isvalidph();
            summary += isvalidSuspendedSolids();
            summary += isvalidBiologicalOxygenDemand();
            summary += isvalidChemicalOxygenDemand();
            summary += isvalidAmmoniaNitrogen();
            summary += isvalidFecalColiform();
            summary += isvalidETPcost();
            if (summary != "") {
                alert(summary);
                return false;
            }
            else {
                return true;
            }
        }
        function isvalidph() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ph.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please Enter ph value" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidSuspendedSolids() {
            var uid;
            var temp = document.getElementById("<%=txtbx_SuspendedSolids.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter SuspendedSolids" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidBiologicalOxygenDemand() {
            var uid;
            var temp = document.getElementById("<%=txtbx_BiologicalOxygenDemand.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter BiologicalOxygenDemand" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidChemicalOxygenDemand() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ChemicalOxygenDemand.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter ChemicalOxygenDemand" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidAmmoniaNitrogen() {
            var uid;
            var temp = document.getElementById("<%=txtbx_AmmoniaNitrogen.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter AmmoniaNitrogen" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidFecalColiform() {
            var uid;
            var temp = document.getElementById("<%=txtbx_FecalColiform.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter FecalColiform" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidETPcost() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ETPcost.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter ETPcost" + "\n");
            }
            else {
                return "";
            }
        }
<script language="javascript" type="text/javascript">
        function validate() {
            var summary = "";
            summary += isvalidph();
            summary += isvalidSuspendedSolids();
            summary += isvalidBiologicalOxygenDemand();
            summary += isvalidChemicalOxygenDemand();
            summary += isvalidAmmoniaNitrogen();
            summary += isvalidFecalColiform();
            summary += isvalidETPcost();
            if (summary != "") {
                alert(summary);
                return false;
            }
            else {
                return true;
            }

        }
        function isvalidph() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ph.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please Enter ph value" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidSuspendedSolids() {
            var uid;
            var temp = document.getElementById("<%=txtbx_SuspendedSolids.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter SuspendedSolids" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidBiologicalOxygenDemand() {
            var uid;
            var temp = document.getElementById("<%=txtbx_BiologicalOxygenDemand.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter BiologicalOxygenDemand" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidChemicalOxygenDemand() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ChemicalOxygenDemand.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter ChemicalOxygenDemand" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidAmmoniaNitrogen() {
            var uid;
            var temp = document.getElementById("<%=txtbx_AmmoniaNitrogen.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter AmmoniaNitrogen" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidFecalColiform() {
            var uid;
            var temp = document.getElementById("<%=txtbx_FecalColiform.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter FecalColiform" + "\n");
            }
            else {
                return "";
            }
        }
        function isvalidETPcost() {
            var uid;
            var temp = document.getElementById("<%=txtbx_ETPcost.ClientID %>");
            uid = temp.value;
            if (uid == "") {
                return ("Please enter ETPcost" + "\n");
            }
            else {
                return "";
            }
        }

Step:2

Now Go to Button code and add propertis OnClientClick ="validate()".


1
<asp:Button ID="btnsubmit" runat="server" Text="Submit" OnClick="btnsubmit_Click"  ValidationGroup="valGroup" OnClientClick ="validate()" />
<asp:Button ID="btnsubmit" runat="server" Text="Submit" OnClick="btnsubmit_Click"  ValidationGroup="valGroup" OnClientClick ="validate()" />

Step :3 aspx code given below



Feel Free for comments.!


?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<table align="center">
                <tr>
                    <td align="center">
                        <asp:Label ID="lbl_ETPHeader" runat="server" Text="ETP" Font-Size="Large"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ph" runat="server" Text="PH Value"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ph" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="reqValph" runat="server" ErrorMessage="*" ControlToValidate="txtbx_ph" ForeColor="#ff0000" Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_SuspendedSolids" runat="server" Text="Suspended Solids"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_SuspendedSolids" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ForeColor="#ff0000" ControlToValidate="txtbx_SuspendedSolids"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_BiologicalOxygenDemand" runat="server" Text="Biological Oxygen Demand"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_BiologicalOxygenDemand" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ForeColor="#ff0000" ControlToValidate="txtbx_BiologicalOxygenDemand"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ChemicalOxygenDemand" runat="server" Text="Chemical Oxygen Demand"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ChemicalOxygenDemand" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ForeColor="#ff0000" ErrorMessage="*" ControlToValidate="txtbx_ChemicalOxygenDemand"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_AmmoniaNitrogen" runat="server" Text="Ammonia Nitrogen"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_AmmoniaNitrogen" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ForeColor="#ff0000" ErrorMessage="*" ControlToValidate="txtbx_AmmoniaNitrogen"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_FecalColiform" runat="server" Text="Fecal Coliform"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_FecalColiform" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*" ControlToValidate="txtbx_FecalColiform"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true" ForeColor="#ff0000"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ETPcost" runat="server" Text="ETP cost"></asp:Label>
                        
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ETPcost" runat="server"></asp:TextBox>
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*" ControlToValidate="txtbx_ETPcost"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true" ForeColor="#ff0000"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <asp:Button ID="btnsubmit" runat="server" Text="Submit" OnClick="btnsubmit_Click"  ValidationGroup="valGroup" />
                        <asp:Button ID="btncancel" runat="server" Text="Cancel" OnClick="btncancel_Click" />
                    </td>
                </tr>
            </table>
<table align="center">
                <tr>
                    <td align="center">

                        <asp:Label ID="lbl_ETPHeader" runat="server" Text="ETP" Font-Size="Large"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ph" runat="server" Text="PH Value"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ph" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="reqValph" runat="server" ErrorMessage="*" ControlToValidate="txtbx_ph" ForeColor="#ff0000" Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_SuspendedSolids" runat="server" Text="Suspended Solids"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_SuspendedSolids" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ForeColor="#ff0000" ControlToValidate="txtbx_SuspendedSolids"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_BiologicalOxygenDemand" runat="server" Text="Biological Oxygen Demand"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_BiologicalOxygenDemand" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ForeColor="#ff0000" ControlToValidate="txtbx_BiologicalOxygenDemand"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ChemicalOxygenDemand" runat="server" Text="Chemical Oxygen Demand"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ChemicalOxygenDemand" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ForeColor="#ff0000" ErrorMessage="*" ControlToValidate="txtbx_ChemicalOxygenDemand"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_AmmoniaNitrogen" runat="server" Text="Ammonia Nitrogen"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_AmmoniaNitrogen" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ForeColor="#ff0000" ErrorMessage="*" ControlToValidate="txtbx_AmmoniaNitrogen"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_FecalColiform" runat="server" Text="Fecal Coliform"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_FecalColiform" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*" ControlToValidate="txtbx_FecalColiform"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true" ForeColor="#ff0000"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lbl_ETPcost" runat="server" Text="ETP cost"></asp:Label>
                       
                    </td>
                    <td>
                        <asp:TextBox ID="txtbx_ETPcost" runat="server"></asp:TextBox>
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*" ControlToValidate="txtbx_ETPcost"  Display="Dynamic" ValidationGroup="valGroup" EnableClientScript="true" ForeColor="#ff0000"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <asp:Button ID="btnsubmit" runat="server" Text="Submit" OnClick="btnsubmit_Click"  ValidationGroup="valGroup" />
                        <asp:Button ID="btncancel" runat="server" Text="Cancel" OnClick="btncancel_Click" />
                    </td>
                </tr>
            </table>
Tags:

You may like these posts

Show more

Post a Comment

0Comments

Post a Comment (0)
Share to other apps
Copy Post Link