hisee below codeltdiv id34DPayam34 runat34server34 class34DPayam34gt ltaspLabel ID34Label3334 runat34server34 CssClass34lblmalek34gtplese click below buttonltaspLabelgtltdivgtltdiv id34message34 class34atten34gt ltaspLabel ID34Label3834 runat34server34 CssClass34lblatten34gtplease enter nameltaspLabelgtltdivgtltaspRequiredFieldValidator Display34Dynamic34 ID34

nedash saysltscript typetextjavascriptgt function Validate var message documentgetElementByIdmessage var DPayam documentgetElementByIdDPayam if PageClientValidate messagestyledisplay none DPayamstyledisplay block else DPayamstyledisplay none messagestyledisplay block ltscriptgt Change the above with the below codelthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltstyle type34textcss34gt DPayam float right display normal atten float right direction rtl display none color red fontsize 145px width 350px margin 30px 0px 0 0 ltstylegt

hi dharmendragain it doesnt do any thing see below code worked for div message ltscript type34textjavascript34gt function WebFormOnSubmit var message documentgetElementById34message34 messagestyledisplay 34none34 if typeof ValidatorOnSubmit 34function34 ampamp ValidatorOnSubmit false for var i in PageValidators try if PageValidatorsiisvalid messagestyledisplay 34block34 catch e return false

Validate page using JavaScript Page_ClientValidate function in ASP.Net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on Jun 19, 2017 06:32 AM
Forum: JavaScript
Answer: 2
Views: 8704
Sample Code: Download

see below code:

<div id="DPayam" runat="server" class="DPayam">
    <asp:Label ID="Label33" runat="server" CssClass="lblmalek">plese click below button</asp:Label>
</div>
<div id="message" class="atten">
    <asp:Label ID="Label38" runat="server" CssClass="lblatten">please enter name</asp:Label>
</div>
<asp:RequiredFieldValidator Display="Dynamic" ID="RequiredFieldValidator1" runat="server" ControlToValidate="Txtname"></asp:RequiredFieldValidator>
<script type="text/javascript">
    function Validate() {
        var message = document.getElementById("message");
        var DPayam = document.getElementById("DPayam");
        if (Page_ClientValidate()) {
            message.style.display = "none";
            DPayam.style.display = "block";
        }
        else {
            DPayam.style.display = "none";
            message.style.display = "block";
        }
    }
</script>

here I define 2 div

when run page first div show "please click on below button" and here is textbox that users should enter text on this text box if they don't enter text it will show error "please enter name" <div id=""message">

here in script I define that when click button if users don't type name it will :

    <script type="text/javascript">
        function Validate() {
            var message = document.getElementById("message");
            var DPayam = document.getElementById("DPayam");
            if (Page_ClientValidate()) {
                message.style.display = "none";
                DPayam.style.display = "block";
            }
            else {
                DPayam.style.display = "none";
                message.style.display = "block";
            }
        }
    </script>

but here when I don't enter name when click butoon it doesn't do any thing I mean here I expect that it will Dpayam= dispaly none and display div id message..

and below are css:

.DPayam {
        float:right;
   display:normal;
}
.atten {
    float: right;
    direction: rtl;
    display: none;
    color: red;
    font-size: 14.5px;
    width: 350px;
    margin: 30px 0px 0 0;
}

best regards

neda

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jun 19, 2017 07:10 AM
Modified: on Jul 11, 2017 06:27 AM
Report

nedash says:
<script type="text/javascript">

      function Validate() {

          var message = document.getElementById("message");

          var DPayam = document.getElementById("DPayam");

          if (Page_ClientValidate()) {

              message.style.display = "none";

              DPayam.style.display = "block";

          }

          else {

              DPayam.style.display = "none";

              message.style.display = "block";

          }

      }

  </script>

Change the above with the below code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .DPayam
        {
            float: right;
            display: normal;
        }
        .atten
        {
            float: right;
            direction: rtl;
            display: none;
            color: red;
            font-size: 14.5px;
            width: 350px;
            margin: 30px 0px 0 0;
        }
    </style>
    <script type="text/javascript">
        function Validate() {
            var message = document.getElementById("message");
            var DPayam = document.getElementById("DPayam");
            if (Page_ClientValidate()) {
                message.style.display = "none";
                DPayam.style.display = "block";
            }
            else {
                DPayam.style.display = "block";
                message.style.display = "block";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox runat="server" ID="Txtname" CssClass="DPayam" />
    <asp:RequiredFieldValidator Display="Dynamic" ID="RequiredFieldValidator1" runat="server"
        ControlToValidate="Txtname"></asp:RequiredFieldValidator>
    <div id="DPayam" runat="server" class="DPayam">
        <asp:Label ID="Label33" runat="server" CssClass="lblmalek">plese click below button</asp:Label>
    </div>
    <div id="message" class="atten">
        <asp:Label ID="Label38" runat="server" CssClass="lblatten">please enter name</asp:Label>
    </div>
    <asp:Button CssClass="DPayam" Text="Validate" runat="server" OnClientClick="Validate();" />
    </form>
</body>
</html>

Screenshot

nedash

0 2

Reply
User: nedash
Replied: on Jun 19, 2017 07:21 AM
Report

hi dharmendr

again it doesn't do any thing see below code worked for div message:

                          <script type="text/javascript">
                              function WebForm_OnSubmit() {
                                  var message = document.getElementById("message");
                                  message.style.display = "none";
                                  if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
                                      for (var i in Page_Validators) {
                                          try {
                                              if (!Page_Validators[i].isvalid) {
                                                  message.style.display = "block";
                                              }
                                          } catch (e) {
                                          }
                                      } return false;
                                  } return true;
                              }
                          </script>

but below code doesn't work:

<script type="text/javascript">
    function Validate() {
        var message = document.getElementById("message");
        var DPayam = document.getElementById("DPayam");
        if (Page_ClientValidate()) {
            message.style.display = "none";
            DPayam.style.display = "block";
        }
        else {
            DPayam.style.display = "block";
            message.style.display = "block";
        }
    }
</script>

dharmend...

0 3

Reply
User: dharmendr
Replied: on Jun 19, 2017 07:34 AM
Report

Refer the below link.

http://www.aspforums.net/Threads/138234/how-to-use-javacode-for-displaying-div/Replies/1#Replies

nedash

0 4

Reply
User: nedash
Replied: on Jun 19, 2017 08:35 AM
Report

hi deharmendr

your code is correct but here I want when click on validate button text="please click below button" <div Dpayam"> display=none and it doesn't show this text

best regards

neda

dharmend...

0 5

Reply
ANSWER
User: dharmendr
Replied: on Jun 19, 2017 09:24 AM
Modified: on Jun 19, 2017 09:43 AM
Report

Change the DPayam.style.display = "block"; to none in else condition.

If it doesnt help you out then please provide screenshot of your requirement.

Validate page using JavaScript Page_ClientValidate function in ASP.Net

Company

Explore

Follow us

Contact Us