我有一个带有少量输入元素的基本 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 中。
最佳答案
您可以尝试使用 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 事件处理程序,现在您可以跟踪更改并在更改发生时处理输入。
希望这对您有所帮助。
关于javascript - HTML 表单元素中的更改跟踪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37516897/