how to get the client id values in javascript and asp.net?

Question

In my asp page, i have three text and 2 label box.On text box onblur event i called a javascript function by passing textbox clientid.But i cant get the textbox or label box value from the id i passed.

this is my code...

<script type="text/javascript">

    function num_validate(cid,cid1) {

        var patt = /^\d*(\.\d{1,2})?$/;
        if (cid1 == "t1") {
            var value=this.document.getElementById(cid).value; //failed
            this.document.getElementById(cid).focus(); //failed
            var ff = document.getElementById('<%= l1.ClientID %>').value);//failed
        }
 }

</script>


 <asp:TextBox ID="t1" runat="server" onblur="javascript:num_validate(this,'t1')">   </asp:TextBox>&nbsp;<asp:Label ID="l1" runat="server" Text="3"></asp:Label>

<asp:TextBox ID="t2" runat="server"  onblur="javascript:num_validate(this,'t2')"></asp:TextBox>&nbsp;
        <asp:Label ID="l2" runat="server" Text="5"></asp:Label>

  <asp:TextBox ID="t3" runat="server"  onblur="javascript:num_validate(this,'t3')"></asp:TextBox>

I could not able the text box,label box value by using either cid,cid1...

Please guide me to get out of this issue?

So basically you are using the control's id's in order to get there value by passing there id's through the function. Correct ? — HShbib
– HShbib, Commented Feb 22, 2013 at 9:56

i100 · Accepted Answer · 2013-02-22 09:41:13Z

2

this is wrong

var value=this.document.getElementById(cid).value; //failed
this.document.getElementById(cid).focus(); //failed

use instead

var value=cid.value;
cid.focus();

answered Feb 22, 2013 at 9:41

i100

4,6661 gold badge26 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bhargav Mistri Over a year ago

i100 you are right when you are use "this" why pass second argument there ?

Saravanan Over a year ago

ok i called, without second argument also...that is not a problem

Saravanan Over a year ago

@i100, Couldn't able to get the label box value using var l1 = document.getElementById('<%=l1.ClientID%>').value; what is the problem here...

Community · Accepted Answer · 2017-05-23 11:56:25Z

The code below is what I tried and worked:

  <script type="text/javascript">

        function num_validate(element)
        {
            var Cid = element.getAttribute('id');
            var value;
            if(Cid = 't1')
            {
                value = element.value;
                alert(value);
            }

            else if(Cid = 't3')
            {
                value = element.value;
                alert(value);
            }
        }

</script>


   </head>

<body>

    <form id="form1" runat="server">
    <div>

  <asp:TextBox ID="t1" runat="server" onblur="num_validate(this, t1);">
  </asp:TextBox>&nbsp;

  <asp:TextBox ID="t3" runat="server"  onblur="num_validate(this,t3);"></asp:TextBox>

    </div>
    </form>
</body>
</html>

If it didn't work you could have a look at a similar situation @How do I pass a server control's actual client Id to a javascript function?. Hope that helps.

Collectives™ on Stack Overflow

how to get the client id values in javascript and asp.net?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related