popup textbox value is always null

Question

0.00/5 (No votes)

See more:

I am trying to make small popup form. When user click on "Show Popup" button, a pop up will show with two fields 1.) number 2.) email and two buttons "Send" and "Cancel".
I Want when user fill any of the two fields or both fields....and click on send button then at code behind corresponding code will execute.
But if i check the textbox value in code behind it shows null.

JavaScript

<script type="text/javascript">
        $(function () {
            $('#<%=btnclick.ClientID%>').click(function () {
                $("#popupdiv").dialog({
                    title: "Send details to Mobile/Email",
                    width: 500,
                    height: 250,
                    modal: true,
                buttons: {
                    Send: function () {
                        $("[id*=btnSend]").click();
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
                });
                return false;
            });
        })

    </script>

ASP.NET

<div id="popupdiv" title="Basic modal dialog" style="display: none">
    <table border="0">
        <tr>
            <td>
                Recipient Number:
            </td>
            <td>
                <asp:TextBox ID="txtRecipientNumber" runat="server" MaxLength="10"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                Recipient Email:
            </td>
            <td>
                <asp:TextBox ID="txtRecipientEmail" runat="server" MaxLength="50"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><asp:Label ID="Label1" runat="server" Text="Success"></asp:Label></td>
        </tr>
    </table>
    </div>

    <asp:Button ID="btnclick" runat="server" Text="Show Popup" />
    <asp:Button ID="btnSend" runat="server" style = "display:none" Text="Send" OnClick="btnSend_Click" OnClientClick="return validate();" />

C#

protected void btnSend_Click(object sender, EventArgs e)
    {
        try
        {

            if (txtRecipientNumber.Text!="")
            {
                //if this textbox is not empty then this code will execute.
            }

            if (txtRecipientEmail.Text!="")
            {
                //if this textbox is not empty then this code will execute.
            }
            
        }
        catch (Exception)
        {
            Label1.Text = "Something went wrong. Try again later!!!";
            Label1.ForeColor = System.Drawing.Color.Red;
        }
        
    }

Posted 29-Dec-14 7:53am

Raj Negi

Updated 29-Dec-14 7:54am

v2

Add a Solution

Comments

Afzaal Ahmad Zeeshan 29-Dec-14 14:46pm

Why don't you try to place a Breakpoint there and then check where it goes off-track?

Raj Negi 29-Dec-14 16:51pm

i did...thats why i am telling you textboxes fetch null at code behind and thats the reason no code executes.

GregWyatt 29-Dec-14 15:26pm

Are you resetting or clearing any of the textbox values prior the event firing(like in page_load or page_init)? Also, you said you were able to check the values in the code behind, does this mean the send event is firing correctly? Lastly, are there any update panels on the page that we should we know about?

Raj Negi 29-Dec-14 16:50pm

no update panels, no prior values clearing, send event firing right but textbox values are null at code behind.

ZurdoDev 29-Dec-14 16:01pm

So, where is the problem?

Raj Negi 29-Dec-14 16:48pm

problem is i fill the fields but at code behind textbox fetch null values.

Tushar sangani 30-Dec-14 0:26am

you get value at client side using jquery and call ajax method to send save data

Raj Negi 30-Dec-14 4:36am

how? i am new to jquery, don't know how to do it.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tushar sangani · Answer 1 · 2014-12-30T00:54:00

Write Below Javascript code and Ajax Method

JavaScript

$('#<%=btnSend.ClientID%>').click(function () {
  var numb=$('#<%=txtRecipientNumber.ClientID%>').val();
var name=$('#<%=txtRecipientEmail.ClientID%>').val();
               $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Ajax.aspx/Bindcombo",
                    data: "{Number:'" + numb+ "',Email:'"+ name+"' }",
                    success: function (data) {
                        var list = $.parseJSON(data.d);

                           }
                });
               return false;
           });

C#

[WebMethod()]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string Bindcombo(string Number ,string name)
{
   if (Number!="")
   {
      //if this Number is not empty then this code will execute.
   }
   if (name!="")
   {
      //if this Name is not empty then this code will execute.
   }
}

www.Developerof.NET · Answer 2 · 2014-12-30T01:28:00

Add

$("#popupdiv").parent().appendTo($("form:first"));

after you create your dialog.

C#

$("#popupdiv").dialog({
                    title: "Send details to Mobile/Email",
                    width: 500,
                    height: 250,
                    modal: true,
                buttons: {
                    Send: function () {
                        $("[id*=btnSend]").click();
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
                });

$("#popupdiv").parent().appendTo($("form:first"));

This is because the dialog is created out of the form tag and cannot post values back to the page. Hence the dialog has to be added to the current form.

popup textbox value is always null

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0