今天被交付了一個工作....是要在原本的舊表單頁面判斷權限

如果沒有權限的就只能唯讀或 disabled,不能讓使用者修改

就類似下圖這樣,有的可以改有的不能改

Clipboard02  

但這真的很麻煩.....除了要將每個控制項 (input、select) 都加上額外的標籤外,還要改到後端接值的方式

之所以要加標籤是為了要知道這個 input 是用於哪一個區塊的權限

如果沒有權限就要將 input 改為 disabled

更改後端接值方式的原因則是.........

如果 input 設定為 disabled 的話,在Server端是無法接到值的

ex : 

<input type="text" name="title" id="title" runat="server" disabled="disabled">

<%

'後端接到的 title 值會是空的

string title = this.title.Text;

or 

string title = Request.Form["title"]

%>

然後現在有一個方法,就是在按下送出按鈕的時候用 js 移除 disabled 的屬性

就可以做到在頁面上 disabled,但是值也可以傳遞到後端

如以下的例子 : 

 

<input type="text" name="title" value="測試" disabled="disabled">

<input type="text" name="price" value="10" disabled="disabled">

<input type="submit" id="submit" value="送出">

//以jQuery 為例子

<script type="text/javascript">

$("#submit").click(function(){

$("input").prop("disabled",false);

});

</script>

 

寫法很多種,要用純 js 也可以

重點就只有要送出前要把 disabled 取消

 

創作者介紹
創作者 小雕 的頭像
小雕

小雕雕的家

小雕 發表在 痞客邦 留言(0) 人氣()