小雕雕的家

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

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

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

但這真的很麻煩.....除了要將每個控制項 (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 取消