javascript - jQuery 更改任何表单字段值但忽略显示切换

Question

我正在重新构建一个包含输入字段和下拉菜单的大型表单，以便在字段取消焦点后且仅当值已更改时通过 AJAX 提交。我有一个 jQuery 选择器监听对表单的任何更改，如下所示。

$('.settings :input').change(function(field){

我的一切工作正常，这会在需要时触发 AJAX 请求，但是表单的一部分会切换表单可见性的一部分。

上面的代码片段检测正在更改的子字段的显示/隐藏，并为每个字段触发单独的 AJAX 调用。

有没有一种替代方法可以用来仅在事件属于输入值时触发，或者是否有一种方法可以检测事件是否是值更改？

Answer 1

表单字段的可见性在父级别切换，本质上是显示/隐藏每个“行”的包装器。将每个事件记录到控制台会以不同的方式显示这两个事件。更改触发切换的下拉列表的初始事件会发送合法的更改事件。

显示/隐藏字段正在提交触发事件。我设法通过添加 if 语句来忽略触发事件来过滤掉合法请求。

$('.settings :input').change(function(field){
    if(field.isTrigger != true){
        .. process AJAX