how to interact client side events with sever side events ASP.NET,c#

Question

0.00/5 (No votes)

See more:

HI,

i have delete tab , in that i need to enter either memberid or cardid then hit OK.
when i hit OK button then popup should come for confirmation (OK,Cancel),if press OK ,need to delete record and clear the textbox.

my problem is:
with out entering any in textboxes ,click OK button then it's giving popup,
how to solve it.
here is the code for Delete tab:

C#

<pre lang="c#"><table align="center">
 <tr>
                
 <td></td>
 <td align="right" ></td>
            
                
 <td class="style1">Delete Member </td></tr>
            
            
 <tr><td></td><td align="right">Member ID: </td><td class="style1">
                
                

        <asp:TextBox ID="txtdmemid" runat="server" Height="21px" Width="112px" 
           ></asp:TextBox>   </td></tr>
            
            
<tr><td></td><td align="right">Card ID: </td><td class="style1">
    <asp:TextBox ID="txtdcardid" runat="server" 
       ></asp:TextBox>   </td></tr>
            
            
 <tr><td></td><td align="right">
                
                

    <asp:Button ID="btndok" runat="server" Text="OK" OnClick="btndok_Click" onclientclick="return DeleteItem()" />   </td>
                
                
 <td class="style1">
                    
                    

        <asp:Button ID="btndcancel" runat="server" Text="Cancel" 
            onclick="btndcancel_Click" OnClientClick="this.form.reset();return false;"  />   </td></tr></table></asp:Panel>

and ok button code behind is:

C#

<pre lang="c#"> protected void btndok_Click(object sender, EventArgs e)
        {
            if (txtdmemid.Text != "" || txtdcardid.Text != "")
            {
                using (MySqlConnection con = new MySqlConnection(ConnectionString))
                {
                    String query = "delete from admin where member_id=@memid OR card_id=@card";
                    MySqlCommand command = new MySqlCommand(query, con);
                    command.Parameters.AddWithValue("@memid",txtdmemid.Text);
                    command.Parameters.AddWithValue("@card", txtdcardid.Text);
                    con.Open();
                    command.ExecuteNonQuery();

                }//connection
            }//if
            //else
            //{
            //    Response.Write("<script type='text/javascript'>");
            //    Response.Write("alert('PLEASE ENTER EITHER MEMBER ID or CARD ID');");
            //    Response.Write("</script>");


            //}
        }

Posted 21-Jan-14 21:03pm

Member 10263519

Add a Solution

Comments

Tejas Vaishnav 22-Jan-14 3:42am

what is your javascript code you have write in "DeleteItem()"

Member 10263519 22-Jan-14 4:12am

4 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)

Vipin kumar.P · Answer 1 · 2014-01-21T21:44:00

Solution 1

You can try with Requiredfieldvalidator control.
This link may be usefull
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.requiredfieldvalidator(v=vs.110).aspx[^]

Posted 21-Jan-14 21:44pm

Vipin kumar.P

abdul subhan mohammed · Answer 2 · 2014-01-21T22:08:00

javascript code:

XML

<script language="javascript" type="text/javascript">
        function ConfirmOnDelete(SIMCODE) {
            if (confirm("Are you SURE you want to Delete") == true) {
                window.location = "del.aspx?SIMCODE=" + SIMCODE + "&DOIF=" + 7;
                return true;
            }

The javascriopt code is redirecting me to the del.aspx page with query string. where i'm performing delete function, u can c delete function after button code.

button code:

<button id="btndel" value="Delete" class="btn btn-danger" placeholder="Delete" onclick="ConfirmOnDelete('<%# Eval("MobileNo") %>')">Del
                                                           </button>

Delete function on del.aspx page onload.

protected void Page_Load(object sender, EventArgs e)
        {
            doif = Convert.ToInt32(Request.QueryString["DOIF"]);
            if (doif == 1)
            {

                rec = Request.QueryString["ORDCODE"].ToString();
                rec_id = Convert.ToInt32(rec);
                dl.DeleteCompany(rec_id);
                Response.Redirect("CompanySetup.aspx");
                //Page.RegisterStartupScript("close", "<script>self.close();</script>");
                //this.ClientScript.RegisterClientScriptBlock(this.GetType(), "Close", "window.close()", true);
            }
}

plz let me know, if u get it.

its working good in all my projects.

Pavan_N · Answer 3 · 2014-01-21T23:47:00

Solution 4

If am in your shoes i will just do simple javascript / jquery validation to check whether the trimmed value inside the textbox is having proper length>0 or not then i will Run your script.

<script type="text/javascript">
     function DeleteItem() {
          if ($("#TextBox1").val().trim()!="") { 
              if (confirm("Are you sure you want to delete ...?")) {
                return true;
              }
               return false;

             } 
            else { 
               alert('Please enter the text') 
               return false; 
             } 
     }
 </script>
</script>

Posted 21-Jan-14 23:47pm

Pavan_N

v2

Comments

Member 10263519 22-Jan-14 6:02am

ok, but my textbox is in ajaxtabcontrol tab.

<ajax:TabPanel ID="tbpnldelete" runat="server" ><HeaderTemplate>

Delete Member

</HeaderTemplate>

<contenttemplate>

<asp:Panel ID="DeleteMem" runat="server" Width="476px">

<table align="center">
<tr>

<td></td>
<td align="right" ></td>

<td class="style1">Delete Member </td></tr>

<tr><td></td><td align="right">Member ID: </td><td class="style1">

<asp:TextBox ID="txtdmemid" runat="server" Height="21px" Width="112px"
>   </td> <td></td></tr>

<tr><td></td><td align="right">Card ID: </td><td class="style1">
<asp:TextBox ID="txtdcardid" runat="server"
>   </td></tr>

<tr><td></td><td align="right">

<asp:Button ID="btndok" runat="server" Text="OK" OnClick="btndok_Click" onclientclick="return DeleteItem()" />   </td>

<td class="style1">

<asp:Button ID="btndcancel" runat="server" Text="Cancel"
onclick="btndcancel_Click" OnClientClick="this.form.reset();return false;" />   </td></tr></table>

how to get the value of that textbox(txtdmemid)

Pavan_N 22-Jan-14 6:07am

Thats fine. JQuery/Javascript is a client side running script. Until and unless your control is available the script will work..... Fact is what ever the controls you use in your asp.net, php, jsp etc Finally browser understands HTML only. See the viewsource in your browser than you will realize.

Regards,
Pavan N

Member 10263519 22-Jan-14 6:21am

ok, how can i get txtdmemid textbox value into javascript.
Help me am strugling a lot with this issue.

Pavan_N 22-Jan-14 6:29am

Same as mentioned in my snippet above.
TRY alert($("#txtdmemid").val());

Member 10263519 22-Jan-14 6:33am

if i write this, when i hit OK button it's not displaying popup.

Pavan_N 22-Jan-14 7:03am

First of all to use jquery you need concerned javascript file to be added in your solution and refeered in your page. Second refr this link which tells in .net perspective http://www.codeproject.com/Tips/471799/jQuery-introduction-and-how-to-use-jQuery-with-ASP

abdul subhan mohammed · Answer 4 · 2014-01-21T22:22:00

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Configuration;
using System.Data.SqlClient;
using DataAccessLayer;


namespace ITACS
{
    public partial class del : System.Web.UI.Page
    {
        SqlConnection Conn = new SqlConnection(ConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString);
        string rec = ""; int rec_id = 0, doif = 0; DAL dl = new DAL();
        protected void Page_Load(object sender, EventArgs e)
        {
            doif = Convert.ToInt32(Request.QueryString["DOIF"]);
            if (doif == 1)
            {

                rec = Request.QueryString["ORDCODE"].ToString();
                rec_id = Convert.ToInt32(rec);
                dl.DeleteCompany(rec_id);
                Response.Redirect("CompanySetup.aspx");
                //Page.RegisterStartupScript("close", "<script>self.close();</script>");
                //this.ClientScript.RegisterClientScriptBlock(this.GetType(), "Close", "window.close()", true);
            }
            else if (doif == 2)
            {
                int bid = Convert.ToInt32(Request.QueryString["BID"]);
                dl.DeleteBranch(bid);
                Response.Redirect("BranchSetup.aspx");
            }
            else if (doif == 3)
            {
                int deptid = Convert.ToInt32(Request.QueryString["DEPTID"]);
                dl.DeleteDepartment(deptid);
                Response.Redirect("DeptSetup.aspx");
            }
            else if (doif == 4)
            {
                int supid = Convert.ToInt32(Request.QueryString["SUPCODE"]);
                dl.DeleteSupplier(supid);
                Response.Redirect("SupplierSetup.aspx");
            }
            else if (doif == 5)
            {
                int uid = Convert.ToInt32(Request.QueryString["USERCODE"]);
                dl.DeleteUser(uid);
                Response.Redirect("userSetup.aspx");
            }
            else if (doif == 6)
            {
                int itemid = Convert.ToInt32(Request.QueryString["ITEMCODE"]);
                dl.DeleteItem(itemid);
                Response.Redirect("DeviceSetup.aspx");
            }
            else if (doif == 7)
            {
                string SIMCODE = Convert.ToString(Request.QueryString["SIMCODE"]);
                dl.DeleteSIM(SIMCODE);
                Response.Redirect("SIMSetup.aspx");
            }
            else if (doif == 8)
            {
                int CONNECTID = Convert.ToInt32(Request.QueryString["CONNECTID"]);
                dl.DeleteConnect(CONNECTID);
                Response.Redirect("AssignConnect.aspx");
            }
        }
    }
}