Javascript 出现错误时显示div

所以我得到了这个div

#create-transaction-container {
  padding: $padding;
  max-height: 100%;
  background: linear-gradient(rgba($dark-blue-color,0.95), rgba($dark-blue-color,0.7));
  border-radius: $border-radius;
  display: none;
  margin-bottom: $margin-bottom; 
}

当我点击一个按钮时，它就会显示出来

function showDiv() {
    $('#create-transaction-container').fadeIn(750)
}

但是，当我输入一些输入并在提交时返回任何错误时，我希望div自动显示，以便用户可以立即看到错误，而无需再次单击按钮

所以我想我找到了解决方案，但它不起作用，我不知道为什么。有人能帮忙吗

这是我显示错误的haml代码

%span.error
  = flash[:error]

这就是我认为可行的解决方案

if ($('.error').length) {  // return's true if element is present
    // show or hide another div
    $('#create-transaction-container').show();
}

---

无论是语法错误还是运行时错误，都会触发

window.onerror

。您可以记录有关此事件的操作

---

您能否更新以完成可运行代码以进行测试！！内容何时添加到span.error元素？可能是empty@Sanity11234一旦发生错误。例如，当文本字段为空时

element.onerror = function(event) { ... }