Question

我有一个拥有jQuery的JSP，并希望在成功提交时更改动作消息CSS。

所以我有一个用户输入信息的页面，点击提交，然后在页面顶部显示一个带有actionMessage或actionError类的span标签（提交后）。想知道我是否可以在页面提交后检查元素并添加一些CSS以使其显示我想要的方式。

<span class="actionMessage">Yeah all go!</span>

或

<span class="actionError">Try again I didn't like that :(</span>

由于

Answer 1

您可以使用submit event来处理表单提交。

$("form").submit(function () {
  if (/* form_is_valid */) {
    $(".actionMessage").show();
    $(".actionError").hide();
    return true; // Send the request to the server.
  } else {
    $(".actionError").show();
    $(".actionMessage").hide();
    return false;  // Do not send the request.
  }
});

默认情况下，您的消息元素应隐藏：

.actionMessage, .actionError {
  display: none;
}

如果您不希望将请求发送到服务器，即使请求有效，您也可以在这种情况下从提交事件处理程序返回false。

jQuery JSP Capture元素在提交动作后设置以更改CSS

1 个答案: