JavaScript警报与是否按钮

本文关键字:是否 按钮 JavaScript | 更新日期: 2023-09-27 18:13:52

我想显示带有是否按钮的警告。

下面是我的c#代码:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.OleDb;
using System.Collections;
using System.Windows.Forms;
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        DialogResult dialogResult = MessageBox.Show("Sure", "Some Title", MessageBoxButtons.YesNo);
        if (dialogResult == DialogResult.Yes)
        {
            OleDbConnection con = new OleDbConnection("provider=Microsoft.ACE.OLEDB.12.0;data source= C:/Users/xyz/Documents/Visual Studio 2010/WebSites/accesspassword/stud.accdb;Jet OLEDB:Database Password=12345;");
            con.Open();
            OleDbCommand com = new OleDbCommand("insert into Table1 values(@Roll,@f_name)", con);
            OleDbParameter obj1 = new OleDbParameter("@Roll", DbType.StringFixedLength);
            obj1.Value = TextBox1.Text;
            com.Parameters.Add(obj1);
            OleDbParameter obj2 = new OleDbParameter("@f_name", DbType.StringFixedLength);
            obj2.Value = TextBox2.Text;
            com.Parameters.Add(obj2);
            com.ExecuteNonQuery();
            TextBox1.Text = "";
            TextBox2.Text = "";
            con.Close();
        }
        else if (dialogResult == DialogResult.No)
        {
            TextBox2.Text = "";
        }
    }
}

这段代码运行良好,但我想这样做使用JavaScript报警是没有按钮。我使用的是Visual Studio 2010 asp.net c#。

JavaScript警报与是否按钮

  <asp:Button ID="btn" runat="server" Text="High"
  OnClick="Button1_Click" OnClientClick="return AalertFunction();" />
Java脚本:

     <script>     
        function AalertFunction() {
            if (confirm('Are you sure you want to save this thing into the database?')) {
                return;
            } else {
                return false;
            }
        }
    </script>

使用jQuery创建一个自定义对话框

$(function() {
    $( "#dialog-confirm" ).dialog({
      height:140,
      modal: true,
      buttons: {
        "Yes": function() {
          //Do your yes function
        },
        "No": function() {
          //Do your no function
        }
      }
    });
  });

如果你使用Twitter Bootstrap作为你的界面框架,

我推荐Bootbox.js,因为它已经简化了确认功能:

摘自网站:

bootbox.confirm("Are you sure?", function(result) {
  Example.show("Confirm result: "+result);
});