首頁  >  文章  >  web前端  >  如何確保在 HTML 表單中提交禁用的 `` 欄位?

如何確保在 HTML 表單中提交禁用的 `` 欄位?

Linda Hamilton
Linda Hamilton原創
2024-11-05 16:28:02316瀏覽

How to Ensure Disabled `` Fields Are Submitted in HTML Forms?

確保停用;表單欄位已提交

在HTML 表單中,欄位通常包含需要與表單一起提交的關鍵訊息,即使使用者無法修改該值。但是,使用停用屬性停用選擇欄位可以防止使用者修改其值,但也會將其從提交的資料中排除。

替代解決方案

考慮這些替代方案:

  • 禁用選項和樣式:禁用選擇字段中的所有選項,並使用CSS 將其變灰,以建立禁用的外觀。
  • 提交時啟用停用欄位:將點擊事件處理程序附加到提交按鈕,以在提交表單之前啟用所有停用的選擇欄位。

建議方法:啟用停用欄位

建議的方法是在提交表單之前啟用停用的欄位:

  1. 使用表單之前啟用停用的欄位:
  2. 使用jQuery 的prop() 方法會停用表單中的所有欄位。
<code class="javascript">jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});</code>
在提交事件處理程序,使用 prop() 重新啟用所有已停用的欄位。

此程式碼確保所有欄位(包括先前停用的選擇欄位)都包含在提交的表單資料中。

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

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