时常不能不用的小技巧一：追加按钮二次确认功能

 

如何在.net前台.aspx页面上追加确认按钮上的二次确认功能，即点击确定按钮前，弹出确认对话框，提示用户“确定要进行该操作么？"

如果用户点击对话框中“确定”，那么执行页面上确定按钮操作，如果点击“取消”，那么关闭该对话框，画面不执行任何操作。

 

1.操作1：

在确定按钮上追加确认对话框：

方法是在button属性当中追加“OnClientClick”属性，代码如下：

<asp:Button ID="Button1" runat="server" CssClass="pcsbg_nav4" Text=" 审核通过 " OnClick="Button1_Click" OnClientClick="return DoClick()"/>

说明：.net中的Button控件提供了.OnClick和.onClientClick属性，其中若定义了.OnClientClick属性，服务器端将在执行按钮的.OnClick属性前执行OnClientClick属性定义的操作。

 

Js定义的 DoClick()定义如下：

<script language=javascript type="text/javascript">

 

function DoClick()

{

var vid=event.srcElement.getAttribute('ID');

//event.srcElement.getAttribute属性将得到页面上执行点击操作时，点击操作//对应的控件ID

    var btnID=document.all(vid).value;

   

    if(vid.indexOf('Button')!=-1)

    {    

        if(confirm("您确定要"+btnID+"?"))

            return true;

        else

            return false;

    }

   

    return false;

}

</script>

 

说明：注意保证函数DoClick()返回bool值true 或者false，同时在OnClientClick属性中追加return，保证对话框中点击取消按钮后，页面不执行任何操作。

 

Js语句中

var vid=event.srcElement.getAttribute('ID');

获得当前页面发生Click事件的对象的ID属性。