Button的onclick里有javascript脚本时提示字符文本中的字符太多的问题

在aspx页面里, 我们试图在用户点击删除按钮的时候, 提示用户: "是否确认删除?", 我们可以有两种方法解决;

// 正确
<input id ="delete" name ="delete" type ="submit" onclick ="return confirm('是否确认删除?');" language ="javascript" value="删除" runat ="server" />

    上面的写法没有问题, 但是用的是html控件, 感觉有点别扭. 是啊, 有asp:button这个web控件不用, 反而用html控件, 这样总显得有点不够专业, ^_^. 但是如果我们在asp:button里这么写的话, 问题就来了:

// 出错
<asp:button id ="delete" text ="保存" onclick ="return confirm('是否确认删除?')" runat ="server" />

    在页面显示示编译器会报错:

编译器错误信息: CS1041: 应输入标识符，“return”是关键字

    但是如果删除"return", 还是会报错:

编译器错误信息: CS1012: 字符文本中字符太多

    为什么会出现这个问题? 我没有仔细想过(年轻人办事总有点毛糙嘛:P), 不过据我猜测, 是web控件的onclick事件, 跟后台处理方法是关联的, 所以不能直接附加客户端脚本. 那么就没办法了, 办法是有的, 呵呵. 我在后台代码的Page_Onload方法里写:

// 正确
this .delete.Attributes.Add( "onclick", "if( !confirm('是否确认删除?') ){ return false; }" );

    为何不直接这么写:

// 逻辑问题
this .delete.Attributes.Add( "onclick", "return confirm('是否确认删除?');" );

    是因为如果web控件需要触发页面验证的时候, 会在页面该input按钮的onclick事件里, 附加上一段验证脚本, 也就是说生成的最终页面html代码看起来可以是这样的:

// 逻辑问题
<input id ="delete" name ="delete" type ="submit" onclick ="return confirm('是否确认删除?');if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " language ="javascript" value ="删除" runat ="server" />

    上面脚本的问题就在于, 不论提示时确认还是取消, 都直接return了, 不会继续执行后面的页面验证脚本, 然而页面验证脚本是asp.net引擎在最后生成页面时才附加上去的, 无论如何, 咱们也没办法把脚本写在asp.net引擎生成的脚本后面, 所以我们的逻辑只能这么写, 如果提示时取消, 就return, 如果确认, 就不处理, 留待后面脚本继续执行.

    以上是页面按钮的写法, 适用于asp:button, asp:linkbutton等相当于页面按钮的web控件. 但是在asp:datagrid里, 因为是一个列表, 每行都有相同的控件, 控件名称是不确定的. 这次我们可以直接在页面写js脚本了. 譬如我们的aspgrid的删除列是这样的:

<asp:buttoncolumn headertext ="操作" commandname ="delete" text ="删除" />

    我们在aspx页的html代码里加入如下脚本:

<script language ="javascript" type ="text/javascript">
function deleted()
{
     if (event.srcElement.innerText=="删除")
        event.returnValue=confirm("确实要删除此记录?");
}
document.οnclick=deleted;
</script>

    以上应该有最好的方法, 我只是提出一种可行的实现方法.

 

原文地址：http://lj.soft.blog.163.com/blog/static/7940248120087281170243/