如何使用jQuery检测表单内容是否已更改
我有以下DOM结构如何使用jQuery检测表单内容是否已更改,jquery,Jquery,我有以下DOM结构 <form name="address_form" method="post"> <input type="hidden" name="action" value="update_address_details"> <input type="hidden" name="latitude" value="52.367659"> <input type="hidden" name="longitude" value="-
<form name="address_form" method="post">
<input type="hidden" name="action" value="update_address_details">
<input type="hidden" name="latitude" value="52.367659">
<input type="hidden" name="longitude" value="-0.409539">
<input type="hidden" name="map_zoom_point" value="14">
<input type="text" name="address" value="" value="brington"> //visible element
<input type="submit" name="submit" value="Update"/> //visible element
</form>
然后
console.log
仅当用户修改地址字段中的文本时才打印,否则即使隐藏字段被更改,它也不会打印日志消息。您的问题到底是什么?我认为您可能需要将更改事件与dom中的特定元素相关联,而不是与表单本身相关联。因为这些更改不起作用对表单标签的任何更改。@dreamweiver:他是。他用来绑定change
和keypress
事件的选择器正在选择input
标记。目前的问题是hidden
表单元素不会触发这些事件。这些字段正在通过编程进行修改,因此change
事件不会触发。移动标记时,需要手动触发它。据推测,这将包含在文档中
$('form[name=address_form] input').on('change keypress',function() {
console.log('something');
});