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.onclick=deleted;

</script>

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

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