javascript - HTML 表单元素中的更改跟踪

Question

我有一个带有少量输入元素的基本 HTML 表单。

它们是基本的东西，没有单选按钮、复选框或其他任何东西。

目前唯一的输入类型是“number”和“tel”。

如果这些值变脏，我需要启用/禁用保存按钮，但我希​​望它也能够在用户将“12”更改为“13”(启用保存)时禁用保存按钮，然后恢复为“12”(禁用保存)。

我在这里查看了各种不同的答案、不同的 GitHub 包等。

有些人说将其全部存储在全局字典中，其他人说使用 jQuery .serialize()、jQuery.Validation、数据属性等。

我目前正在研究两个基本的 GitHub 包:

https://github.com/rubentd/dirrty

https://github.com/codedance/jquery.AreYouSure

鉴于这是一个具有基本形式的演示项目(但必须以不特定于此形式的方式编写)，最简单的方法是什么？

编辑:这与验证无关，抱歉，如果我不清楚。这是检查用户是否进行了任何修改。初始值是在运行时通过 jQuery 添加的，而不是在原始 DOM 中。

Answer 1

您可以尝试使用 javascript 中的事件处理，即“onchange()”。onchange 属性在元素值更改时触发。

它在 HTML 中的语法是:

<element onchange="myScript"> 

它在 Javascript 中的语法是:

object.onchange=function(){myScript};

事实上，您可以查看下面的 w3school 链接以获得更多引用。

http://www.w3schools.com/jsref/event_onchange.asp

http://www.w3schools.com/tags/ev_onchange.asp

使用上面的 onchange 事件处理程序，现在您可以跟踪更改并在更改发生时处理输入。

希望这对您有所帮助。