在 Web 应用程序开发中，HTML 表单是常见的用户输入方式。由于表单通常包含多个字段，我们需要知道哪些字段已被修改，以便更新相应的数据。本文将介绍一种简单的方法来检测 HTML 表单中至少一个字段是否被修改。
方法说明
该方法使用 JavaScript 来监视表单字段的值，并比较它们与原始值是否相同。如果任何一个字段的值与初始值不同，则表单已经被修改。这个方法可以适用于所有 HTML 表单类型，例如文本域、下拉列表和单选按钮等。
示例代码
以下是一个示例表单，其中包含文本域、下拉列表和单选按钮。
-- -------------------- ---- -------
----- ------------
------ ----------------------
------ ----------- --------- ----------- ----------- -------------
------ ------------------------
------- ----------- --------------
------- ------------ --------------------
------- --------------------------
-----------------
------------------
------ --------------- ----------- ------------- ----------------
------ -----------------------
------ --------------- ----------- ------------- ---------------
------ -------------------------------
------ ------------- -----------
-------现在，我们将编写 JavaScript 代码来检测表单字段是否被修改。
-- -------------------- ---- -------
-- ----------
----- ---- - ----------------------------------
----- -------------- - ---
--- ---- - - -- - - --------------------- ---- -
----- ------- - -----------------
-- ------------- --- --------- -
---------------------------- - --------------
-
-
-- ----------
------------------------------ --------------- -
----- ------------- - ---
--- ---- - - -- - - --------------------- ---- -
----- ------- - -----------------
-- ------------- --- --------- -
--------------------------- - --------------
-
-
-- -------------
--- --------- - ------
--- ------ ---- -- -------------- -
-- -------------------- --- --------------------- -
--------- - -----
------
-
-
-- ------
----- ------------ - --------------------------------------
-- ----------- -
-----------------------------------------
- ---- -
------------------------------------- ------------
-
---上述代码中，我们首先获取表单元素和它们的初始值，并使用 addEventListener 方法监视表单字段的输入事件。在事件处理程序内部，我们比较当前值和初始值是否相同，如果有任何不同，我们将更新保存按钮的状态。
结论
使用上述方法，我们可以简单、快速地检测 HTML 表单中至少一个字段是否被修改。这个方法可以应用于所有类型的表单，并且使用户体验更加友好。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26825