CODEWITHSUNDEEP
c#asp.netwebforms
Tehreem
Tehreem

Reputation: 999

Invalid postback or callback argument. on button click

I have following code snippet in my asp.net webpage.

<div id="descDiv" style="display:none;">
<form>
                            <asp:TextBox ID="inputDesc" Height="200px" Width="100%" runat="server" TextMode="MultiLine" placeholder="Enter any details you know about this city" required="required"></asp:TextBox>
                            <input type="button" Class="cancel" value="Cancel" OnClick="hideInput('descDiv');" /><asp:Button ID="Submit_Desc" CssClass="submit" runat="server" Text="Submit" OnClick="Submit_Desc_Click" />
                          </form>
                        </div>

When I click the submit button I receive this error:

  Invalid postback or callback argument. Event validation is enabled using 
  <pages enableEventValidation="true"/> in configuration or 
  <%@ Page EnableEventValidation="true" %> in a page.  
  For security purposes, this feature verifies that arguments to postback or 
  callback events originate from the server control that originally rendered them.  
  If the data is valid and expected, use the
  ClientScriptManager.RegisterForEventValidation method in order to register the
  postback or callback data for validation.

This form is enclosed in another main form which has 'runat' attribute. What should I do to correct this problem?

EDIT:

Here is the shortest code to reproduce the problem:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="descDiv">
            <form>
                 <asp:TextBox ID="inputDesc" Height="200px" Width="100%" runat="server" TextMode="MultiLine" placeholder="Enter any details you know about this city" required="required"></asp:TextBox>
                  <input type="button" class="cancel" value="Cancel" onclick="hideInput('descDiv');" />
                  <asp:Button ID="Submit_Desc" CssClass="submit" runat="server" Text="Submit" OnClick="Submit_Desc_Click"/>
             </form>
         </div>
    </div>
        <form>
            <asp:TextBox ID="TextBox1" Height="200px" Width="100%" runat="server" TextMode="MultiLine" placeholder="Enter any details you know about this city" required="required"></asp:TextBox>
            <input type="button" class="cancel" value="Cancel" onclick="hideInput('descDiv');" />
             <asp:Button ID="Button1" CssClass="submit" runat="server" Text="Submit" OnClick="Submit_Desc_Click"/>
        </form>
    </form>
</body>
</html>

Upvotes: 1

Views: 7266

Answers (1)

cgoasduff
cgoasduff

Reputation: 181

You cannot have two forms on your page, remove the form tag just under your div. The one to keep has to be the form runat="server" since it's a .net page.

what you can do is use .net buttons and process whatever they do from code behind

<form id="form1" runat="server">
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
     <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />
</form>

  protected void Button1_Click(object sender, EventArgs e)
{

    // do something with button 1

}
protected void Button2_Click(object sender, EventArgs e)
{
    // do something with button 2
}

Upvotes: 4

Related Questions