前兩天接到這樣一個任務:在使用者上傳附件,需要校驗使用者上傳附件中身分證訊息,如果存在錯誤訊息需要將所有的錯誤訊息展示出來。
這個需求我一開始考慮得就是使用jQuery Dialog。但是看到這個專案沒有使用而是使用showModelDialog,所以為了統一,也需要使用showModelDialog。
window.showModalDialog()方法用來建立一個顯示HTML內容的模態對話框,由於是對話框,因此它並沒有一般用window.open()開啟的視窗的所有屬性。
使用方法:
varreturnValue = window.showModalDialog(URL [, arguments] [, features])
參數說明:
URL:必選參數:用來指定對話方塊要顯示的文件的URL。
arguments:可選參數。用來向對話框傳遞參數。傳遞的參數類型不限,包括陣列等。對話框透過window.dialogArguments來取得傳遞進來的參數。
features可選參數。用來描述對話框的外觀等訊息,可以使用以下的一個或幾個,用分號」;」分開。
dialogHeight 對話框高度,不小於100px。
dialogWidth: 對話框寬度。
dialogLeft: 距離桌面左邊的距離。
dialogTop: 離桌面上的距離。
center: {yes| no | 1 | 0 }:視窗是否居中,預設yes,但仍可指定高度和寬度。 help: {yes | no | 1 | 0 }:是否顯示幫助按鈕,預設為yes。 resizable: {yes | no | 1 | 0 } [ie5+]:是否可改變大小。預設no。 status: {yes | no | 1 | 0 } [IE5 ]:是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。 scroll:{ yes | no | 1 | 0 | on | off }:指明對話框是否顯示捲軸。預設為yes。
範例:
height:是根據展示的個數來控制的。
url:為一個action,該action使用者取得所有的錯誤人員資訊。同時跳到errorInfo.jsp頁面
errorInfo.jsp
程式碼如下: