這兩天測試網站的時候,發現網站的註冊頁面的一個bug,實現的功能是當點擊"註冊"按鈕進行註冊,後台代碼中判斷驗證碼,當使用者輸入的驗證碼和產生的驗證碼不一致時以alert的形式彈出對話方塊,提示使用者驗證碼錯誤.但這時,當對話方塊彈出後,頁面中的有些css樣式失效.
尋找了下原因,發現是產生彈出對話方塊的代碼是這麼寫的:Response.Write("<script>alert('驗證碼不正確');</script>");這段代碼在執行的時候會在頁面的最頂部產生對應的html代碼.而由於ASP.NET 2.0預設採用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文件類型定義,它就要求在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的前面不能有任何輸出。
解決辦法是:不用Response.Write方法(缺點一是丟失css樣式,二是破壞代碼的結構).而用ClientScript.RegisterClientScriptBlock方法來實現相應的功能.My Code:
/**//// <summary>
/// 彈出提示資訊框
/// </summary>
/// <param name="strKey">函數key值</param>
/// <param name="strInfo">提示資訊</param>
public void MessageBox(string strKey, string strInfo)
{
if (!ClientScript.IsClientScriptBlockRegistered(strKey))
{
string strjs = "alert('" + strInfo + "');";
ClientScript.RegisterClientScriptBlock(this.GetType(), strKey, strjs, true);
}
}
調用時,使用如下方式:MessageBox("opsuccess","恭喜,密碼修改成功,請記住新密碼!");
這樣既不會產生css樣式丟失的問題,產生的html代碼也不破壞html檔案的結構.