Javascript Validation Form

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <%--this code for disable cut copy paste but enter number by key--%>
    <script language="javascript">
        function whichButton(event) {
            if (event.button == 2)//RIGHT CLICK
            {
                alert("Not Allow Right Click!");
            }

        }
        function noCTRL(e) {
            var code = (document.all) ? event.keyCode : e.which;

            var msg = "Sorry, this functionality is disabled.";
            if (parseInt(code) == 17) //CTRL
            {
                alert(msg);
                window.event.returnValue = false;
            }
        }
    </script>
    <%--this code for only numeric and strengh completed check--%>
    <script type="text/javascript">
        function ValidNumeric() {
            var p = document.getElementById('<%=txtpin.ClientID %>').value;
            var charCode = (event.which) ? event.which : event.keyCode;
            if (charCode >= 48 && charCode <= 57) {
                return true;
            }
            else if (p < 5) {
                alert('Only numeric number allow !');
                return false;
            }
            else {
                alert('Pin strengh has completed !');
                return false;
            }
        }
    </script>
    <script language="javascript" type="text/javascript">
        function validation() {
            var mobile = document.getElementById('<%=txtmbl.ClientID %>').value;
            var Email = document.getElementById('<%=txtmail.ClientID %>').value;
            var WebUrl = document.getElementById('<%=txturl.ClientID %>').value;
            var p = document.getElementById('<%=txtpin.ClientID %>').value;


            if (p == "") {
                alert("Enter Your Pin");
                document.getElementById("<%=txtpin.ClientID%>").focus();
                return false;
            }


            //            var digits = "0123456789";
            //            var temp;
            //            for (var i = 0; i < document.getElementById("<%=txtpin.ClientID %>").value.length; i++) {
            //                temp = document.getElementById("<%=txtpin.ClientID%>").value.substring(i, i + 1);
            //                if (digits.indexOf(temp) == -1) {
            //                    alert("Please enter correct pin code");
            //                    document.getElementById("<%=txtpin.ClientID%>").focus();
            //                    return false;
            //                }
            //            }

            if (WebUrl == "") {
                alert("Enter Your URL");
                document.getElementById("<%=txturl.ClientID %>").focus();
                return false;
            }
            var Url = "^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$";
            var matchURL = WebUrl.match(Url);
            if (matchURL == null) {
                alert("Web URL does not look valid");
                document.getElementById("<%=txturl.ClientID %>").focus();
                return false;
            }

            if (Email == "") {
                alert("Enter Your Email");
                document.getElementById("<%=txtmail.ClientID%>").focus();
                return false;
            }
            var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/
            var EmailmatchArray = Email.match(emailPat);
            if (EmailmatchArray == null) {
                alert("Your email must be this format eg. k@gmail.com !");
                document.getElementById("<%=txtmail.ClientID%>").focus();
                return false;
            }
            if (mobile == "") {
                alert("Enter Your Mobile Number !");
                document.getElementById("<%=txtmbl.ClientID%>").focus();
                return false;
            }
            var phoneno = /^\d{10}$/
            var EmailmatchArray = mobile.match(phoneno);
            if (EmailmatchArray == null) {
                alert("Number must be 10 digit !");
                document.getElementById("<%=txtmbl.ClientID%>").focus();
                return false;
            }

            if (document.getElementById('<%=txtname.ClientID%>').value == "") {
                alert('First Name must be required !');
                document.getElementById('<%=txtname.ClientID%>').focus();
                return false;
            }
            if (document.getElementById("<%=txtlname.ClientID%>").value == "") {
                alert('Last Name must be required !');
                document.getElementById("<%=txtlname.ClientID%>").focus();
                return false;
            }
            if (!document.getElementById('<%=rdomale.ClientID%>').checked && !document.getElementById('<%=rdofemale.ClientID%>').checked) {
                alert("Gender must be required !");
                document.getElementById('<%=rdomale.ClientID%>').focus();
                return false;
            }
            var atLeast = 1
            var CHK = document.getElementById('<%=CheckBoxList1.ClientID%>');
            var checkbox = CHK.getElementsByTagName("input");
            var counter = 0;
            for (var i = 0; i < checkbox.length; i++) {
                if (checkbox[i].checked) {
                    counter++;
                }
            }
            if (atLeast > counter) {
                alert('Please select one hobbies !');

                document.getElementById('<%=CheckBoxList1.ClientID%>').focus();
                return false;

            }

            var result = document.getElementById('<%=ddlEducation.ClientID%>').value.toString();
            if (result == "0") {
                alert('Please select a streem !');
                document.getElementById('<%=ddlEducation.ClientID%>').focus();
                return false;

            }
        }

    </script>
    <%--var ddltrader = document.getElementById('<%=ddltradername.ClientID%>');
            var ddlproductype1 = ddltrader.options[ddltrader.selectedIndex].value;--%>
    <style type="text/css">
        .style1
        {
            width: 50%;
            background-color: #FFCC99;
        }
        .style3
        {
            width: 68px;
        }
    </style>
</head>
<body>
    <form runat="server" id="form1">
    <table align="center" class="style1">
        <tr>
            <td class="style3">
                Pin
            </td>
            <td>
                <asp:TextBox ID="txtpin" runat="server" MaxLength="5" onMouseDown="whichButton(event)"
                    onKeyDown="return noCTRL(event)" onkeypress="return ValidNumeric()"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Url
            </td>
            <td>
                <asp:TextBox ID="txturl" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Email
            </td>
            <td>
                <asp:TextBox ID="txtmail" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Mobile
            </td>
            <td>
                <asp:TextBox ID="txtmbl" MaxLength="10" onkeypress="return ValidNumeric()" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <tr>
                <td class="style3">
                    First Name
                </td>
                <td>
                    <asp:TextBox ID="txtname" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Last Name
                </td>
                <td>
                    <asp:TextBox ID="txtlname" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Gender
                </td>
                <td>
                    <asp:RadioButton ID="rdomale" runat="server" GroupName="k" name="gender" Text="Male" />
                    <asp:RadioButton ID="rdofemale" runat="server" GroupName="k" name="gender" Text="Female" />
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Hobbies
                </td>
                <td>
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                        <asp:ListItem Text="Cricket" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Hockey" Value="2"></asp:ListItem>
                        <asp:ListItem Text="Chess" Value="3"></asp:ListItem>
                    </asp:CheckBoxList>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Country
                </td>
                <td>
                    <asp:DropDownList ID="ddlEducation" runat="server">
                        <asp:ListItem Text="--Select Education--" Value="0" />
                        <asp:ListItem Text="B.Tech" Value="B.Tech" />
                        <asp:ListItem Text="MCA" Value="MCA" />
                        <asp:ListItem Text="MBA" Value="MBA" />
                        <asp:ListItem Text="AGBSC" Value="AGBSC" />
                        <asp:ListItem Text="MBBS" Value="MBBS" />
                    </asp:DropDownList>
                </td>
            </tr>
            <td class="style3">
                &nbsp;
            </td>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Submit" OnClientClick="return validation();" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
Share:

No comments:

Post a Comment

Tuesday, 23 June 2015

Javascript Validation Form

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <%--this code for disable cut copy paste but enter number by key--%>
    <script language="javascript">
        function whichButton(event) {
            if (event.button == 2)//RIGHT CLICK
            {
                alert("Not Allow Right Click!");
            }

        }
        function noCTRL(e) {
            var code = (document.all) ? event.keyCode : e.which;

            var msg = "Sorry, this functionality is disabled.";
            if (parseInt(code) == 17) //CTRL
            {
                alert(msg);
                window.event.returnValue = false;
            }
        }
    </script>
    <%--this code for only numeric and strengh completed check--%>
    <script type="text/javascript">
        function ValidNumeric() {
            var p = document.getElementById('<%=txtpin.ClientID %>').value;
            var charCode = (event.which) ? event.which : event.keyCode;
            if (charCode >= 48 && charCode <= 57) {
                return true;
            }
            else if (p < 5) {
                alert('Only numeric number allow !');
                return false;
            }
            else {
                alert('Pin strengh has completed !');
                return false;
            }
        }
    </script>
    <script language="javascript" type="text/javascript">
        function validation() {
            var mobile = document.getElementById('<%=txtmbl.ClientID %>').value;
            var Email = document.getElementById('<%=txtmail.ClientID %>').value;
            var WebUrl = document.getElementById('<%=txturl.ClientID %>').value;
            var p = document.getElementById('<%=txtpin.ClientID %>').value;


            if (p == "") {
                alert("Enter Your Pin");
                document.getElementById("<%=txtpin.ClientID%>").focus();
                return false;
            }


            //            var digits = "0123456789";
            //            var temp;
            //            for (var i = 0; i < document.getElementById("<%=txtpin.ClientID %>").value.length; i++) {
            //                temp = document.getElementById("<%=txtpin.ClientID%>").value.substring(i, i + 1);
            //                if (digits.indexOf(temp) == -1) {
            //                    alert("Please enter correct pin code");
            //                    document.getElementById("<%=txtpin.ClientID%>").focus();
            //                    return false;
            //                }
            //            }

            if (WebUrl == "") {
                alert("Enter Your URL");
                document.getElementById("<%=txturl.ClientID %>").focus();
                return false;
            }
            var Url = "^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$";
            var matchURL = WebUrl.match(Url);
            if (matchURL == null) {
                alert("Web URL does not look valid");
                document.getElementById("<%=txturl.ClientID %>").focus();
                return false;
            }

            if (Email == "") {
                alert("Enter Your Email");
                document.getElementById("<%=txtmail.ClientID%>").focus();
                return false;
            }
            var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/
            var EmailmatchArray = Email.match(emailPat);
            if (EmailmatchArray == null) {
                alert("Your email must be this format eg. k@gmail.com !");
                document.getElementById("<%=txtmail.ClientID%>").focus();
                return false;
            }
            if (mobile == "") {
                alert("Enter Your Mobile Number !");
                document.getElementById("<%=txtmbl.ClientID%>").focus();
                return false;
            }
            var phoneno = /^\d{10}$/
            var EmailmatchArray = mobile.match(phoneno);
            if (EmailmatchArray == null) {
                alert("Number must be 10 digit !");
                document.getElementById("<%=txtmbl.ClientID%>").focus();
                return false;
            }

            if (document.getElementById('<%=txtname.ClientID%>').value == "") {
                alert('First Name must be required !');
                document.getElementById('<%=txtname.ClientID%>').focus();
                return false;
            }
            if (document.getElementById("<%=txtlname.ClientID%>").value == "") {
                alert('Last Name must be required !');
                document.getElementById("<%=txtlname.ClientID%>").focus();
                return false;
            }
            if (!document.getElementById('<%=rdomale.ClientID%>').checked && !document.getElementById('<%=rdofemale.ClientID%>').checked) {
                alert("Gender must be required !");
                document.getElementById('<%=rdomale.ClientID%>').focus();
                return false;
            }
            var atLeast = 1
            var CHK = document.getElementById('<%=CheckBoxList1.ClientID%>');
            var checkbox = CHK.getElementsByTagName("input");
            var counter = 0;
            for (var i = 0; i < checkbox.length; i++) {
                if (checkbox[i].checked) {
                    counter++;
                }
            }
            if (atLeast > counter) {
                alert('Please select one hobbies !');

                document.getElementById('<%=CheckBoxList1.ClientID%>').focus();
                return false;

            }

            var result = document.getElementById('<%=ddlEducation.ClientID%>').value.toString();
            if (result == "0") {
                alert('Please select a streem !');
                document.getElementById('<%=ddlEducation.ClientID%>').focus();
                return false;

            }
        }

    </script>
    <%--var ddltrader = document.getElementById('<%=ddltradername.ClientID%>');
            var ddlproductype1 = ddltrader.options[ddltrader.selectedIndex].value;--%>
    <style type="text/css">
        .style1
        {
            width: 50%;
            background-color: #FFCC99;
        }
        .style3
        {
            width: 68px;
        }
    </style>
</head>
<body>
    <form runat="server" id="form1">
    <table align="center" class="style1">
        <tr>
            <td class="style3">
                Pin
            </td>
            <td>
                <asp:TextBox ID="txtpin" runat="server" MaxLength="5" onMouseDown="whichButton(event)"
                    onKeyDown="return noCTRL(event)" onkeypress="return ValidNumeric()"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Url
            </td>
            <td>
                <asp:TextBox ID="txturl" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Email
            </td>
            <td>
                <asp:TextBox ID="txtmail" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Mobile
            </td>
            <td>
                <asp:TextBox ID="txtmbl" MaxLength="10" onkeypress="return ValidNumeric()" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <tr>
                <td class="style3">
                    First Name
                </td>
                <td>
                    <asp:TextBox ID="txtname" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Last Name
                </td>
                <td>
                    <asp:TextBox ID="txtlname" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Gender
                </td>
                <td>
                    <asp:RadioButton ID="rdomale" runat="server" GroupName="k" name="gender" Text="Male" />
                    <asp:RadioButton ID="rdofemale" runat="server" GroupName="k" name="gender" Text="Female" />
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Hobbies
                </td>
                <td>
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                        <asp:ListItem Text="Cricket" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Hockey" Value="2"></asp:ListItem>
                        <asp:ListItem Text="Chess" Value="3"></asp:ListItem>
                    </asp:CheckBoxList>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    Country
                </td>
                <td>
                    <asp:DropDownList ID="ddlEducation" runat="server">
                        <asp:ListItem Text="--Select Education--" Value="0" />
                        <asp:ListItem Text="B.Tech" Value="B.Tech" />
                        <asp:ListItem Text="MCA" Value="MCA" />
                        <asp:ListItem Text="MBA" Value="MBA" />
                        <asp:ListItem Text="AGBSC" Value="AGBSC" />
                        <asp:ListItem Text="MBBS" Value="MBBS" />
                    </asp:DropDownList>
                </td>
            </tr>
            <td class="style3">
                &nbsp;
            </td>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Submit" OnClientClick="return validation();" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

No comments:

Post a Comment

Popular

Total Pageviews

Archive