javascript - JS验证失败时显示div

Question

我试图在某个验证失败时显示一个 div。

div 更像是“下订单”按钮上方的一般错误消息，如下所示:

<div id="generalerror" class="validation-advice" style="display:none;">Looks Like Your Payment Method Is Invalid. Please Review Your Information</div>

在验证的 javascript 部分，我尝试添加一行:

      if (this.paymentMethodAdvice && this.paymentMethodWrapper) {
            if (!formData[this.paymentMethodName]) {
                paymentValidation = false;
                $('#generalerror').show(); // This Line
                this.paymentMethodAdvice.update(this.paymentValidationMessage).show();
                this.paymentMethodWrapper.addClassName('validation-failed');
            } else {
                paymentValidation = true;
                this.paymentMethodAdvice.update('').hide();
                this.paymentMethodWrapper.removeClassName('validation-failed');
            }
        }

显然，这不起作用。有人知道我如何才能正确地实现这一点吗？

Answer 1

If you want to show any css from jQuery then use .css like i do.

if (this.paymentMethodAdvice && this.paymentMethodWrapper) {
  if (!formData[this.paymentMethodName]) {
    paymentValidation = false;
    $('#generalerror').css({ "display" : "block" }); //Updated Line
    this.paymentMethodAdvice.update(this.paymentValidationMessage).show();
    this.paymentMethodWrapper.addClassName('validation-failed');
  } else {
    paymentValidation = true;
    this.paymentMethodAdvice.update('').hide();
    this.paymentMethodWrapper.removeClassName('validation-failed');
  }
}

我所做的一般示例，fiddle link