提交更改CSS后提交jQuery JSP Capture元素

Question

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

所以我有一个页面，用户输入信息，点击提交，然后一个跨页标签与类actionMessage或actionError显示在页面顶部（提交后）。想知道是否可以在页面提交后检查元素，并添加一些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; 
} 

如果您不想发送请求，即使请求是有效的服务器，你可以返回从提交虚假事件处理程序也在这种情况下。