首頁 >web前端 >css教學 >如何從禁用的表單欄位提交資料?

如何從禁用的表單欄位提交資料?

Barbara Streisand
Barbara Streisand原創
2024-11-24 03:23:13931瀏覽

How Can I Submit Data from Disabled Form Fields?

提交停用的表單欄位

當停用的表單欄位阻止資料提交時,這可能會令人沮喪。本文提供了從停用欄位啟用資料提交或在不隱藏欄位的情況下有效阻止編輯的解決方案。

啟用提交資料

不幸的是,沒有內建屬性或標記以啟用停用欄位來提交資料。但是,您可以使用 jQuery 解決方法在提交時刪除停用屬性:

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

此程式碼可確保提交表單時,所有停用欄位都會刪除停用屬性,從而允許其資料已提交。

阻止編輯

如果您需要阻止欄位被編輯但不提交數據,您可以嘗試使用CSS或其他屬性來代替disabled屬性。不幸的是,這些方法有局限性:

  • CSS display: none;:隱藏字段,使其無法被螢幕閱讀器存取。
  • CSS 指針-events: none: 阻止用戶交互,但可能不適用於所有情況
  • readOnly: 僅適用於

其他解決方案

顯示不可編輯識別碼的另一個選項是使用停用欄位進行顯示和隱藏欄位進行實際顯示的組合。價值。這允許顯示標識符,而不允許直接編輯或提交。

以上是如何從禁用的表單欄位提交資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn