简体繁体 English

检查表单中输入元素更改的方法

[英]Way to check input element changes in a form

原文 2016-05-22 07:08:30 0 2 javascript/ jquery

Is there anyway to check any of the HTML components (ie input elements) value in a form got changed so that i can pop up a alert saying "would like to save changes?" 无论如何，是否需要检查表单中的任何HTML组件（即输入元素）值是否已更改，以便我可以弹出警告说“想保存更改”？ before navigating to other page. 导航到其他页面之前。

Thanks. 谢谢。

2 个解决方案

Since you have jQuery in your question: 由于您的问题中包含jQuery ：

After page load, use $.serialize to create a snapshot of the form. 页面加载后，使用$ .serialize创建表单的快照。

On submit, run serialize again. 提交后，再次运行序列化。

Then you can use use (or create) an isEqual function to compare if there has been a change. 然后，您可以使用（或创建）一个isEqual函数来比较是否发生了更改。

This question might help you on that last step: How to determine equality for two JavaScript objects? 这个问题可能对您的最后一步有所帮助：如何确定两个JavaScript对象的相等性？

EDIT 编辑

jQuery also has a serializeArray method which may make that process easier. jQuery还有一个serializeArray方法，可以使该过程更容易。

https://api.jquery.com/serializeArray/ https://api.jquery.com/serializeArray/

jQuery('.form_component').change(function (){..}); , where form_component should be a class common for all your input elements in the form. ，其中form_component应该是表单中所有输入元素的通用类。

有没有办法检查单个 HTML5 输入元素的有效性？（不是整个表格） - Is there a way to check the validity of a single HTML5 input element? (not the entire form)

检查项目是否为表单元素的最佳方法 - Best way to check if an item is a form element

将输入元素附加到表单的正确方法 - the correct way to append an input element to a form

有什么方法可以通过 javascript 检查元素是否在鼠标悬停时发生任何变化？ - Is there any way to check if an element has any changes on mouseover by javascript?

在发出ajax调用之前检查输入更改的干净方法是什么 - What is a clean way to check for input changes before issuing an ajax call

跟踪大型输入形式中的更改的最快方法（Javascript / jQuery） - Fastest (Javascript/jQuery) way to track changes in a large input form

检查表单字段是否更改 - Check if form field changes

在jQuery中查找“next”表单输入元素的最佳方法是什么？ - Best way to find “next” form input element in jQuery?

检查输入字段的值是否更改 - check if the value of the input field changes

检查输入是否为空 - Check if an input is empty in form

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 有没有办法检查单个 HTML5 输入元素的有效性？（不是整个表格） - Is there a way to check the validity of a single HTML5 input element? (not the entire form) 检查项目是否为表单元素的最佳方法 - Best way to check if an item is a form element 将输入元素附加到表单的正确方法 - the correct way to append an input element to a form 有什么方法可以通过 javascript 检查元素是否在鼠标悬停时发生任何变化？ - Is there any way to check if an element has any changes on mouseover by javascript? 在发出ajax调用之前检查输入更改的干净方法是什么 - What is a clean way to check for input changes before issuing an ajax call 跟踪大型输入形式中的更改的最快方法（Javascript / jQuery） - Fastest (Javascript/jQuery) way to track changes in a large input form 检查表单字段是否更改 - Check if form field changes 在jQuery中查找“next”表单输入元素的最佳方法是什么？ - Best way to find “next” form input element in jQuery? 检查输入字段的值是否更改 - check if the value of the input field changes 检查输入是否为空 - Check if an input is empty in form

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM