提交更改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; 
} 

如果您不想發送請求，即使請求是有效的服務器，你可以返回從提交虛假事件處理程序也在這種情況下。