Question

我有一张表格：

$(this).closest('form').css({
 'filter' : 'blur(1px)'
});

提交时，我想模糊整个表单：

$names = array_unique(array_merge(array_keys($wages), array_keys($training), array_keys($tax)));

不幸的是，这也模糊了我的提交按钮。如何做出这个例外？

Answer 1

我这样做的方法是模糊表单中除提交输入之外的所有子元素DOM元素。您可以通过带有jQuery或简单类名的属性选择器来完成此操作。以下是使用类名称的示例：

HTML

<form id="myForm">
  <input type="text">
  <input type="submit" class="visibile-on-blur">
</form>

Javascript（jQuery）

$('#myForm').submit(function( event ) {
  event.preventDefault();
  $(this).children(':not(.visibile-on-blur)').css({
    'filter' : 'blur(1px)'
  });
});

请参阅下面的小提琴。 https://jsfiddle.net/sotjrvco/1/

模糊表单，除了提交按钮，是否可能？

1 个答案: