2015-04-25 251 views
-2

上執行,我有以下功能:jQuery的點擊功能已經點擊/

$(document).ready(function() 
    { 
     $('#login-trigger').click(function() 
     { 
      $(this).next('#login-content').slideToggle(); 
      $(this).toggleClass('active');   

      if ($(this).hasClass('active')) $(this).find('span') 
      else $(this).find('span') 
     }) 
    }); 

當用戶點擊某個按鈕,登錄表單滴下來。但是,如果他們輸入不正確的登錄信息並且頁面重新加載並在表單下方顯示錯誤消息,我如何才能使其按鈕已被點擊並顯示錶單?現在,如果他們輸入錯誤的信息,頁面將重新加載並且它們不會登錄。要查看錯誤,您必須單擊以下拉登錄表單以查看錯誤。這會讓大多數人感到困惑,而且沒有多大意義。

+0

make [Jsfiddle](http://jsfiddle.net/) –

回答

0

如果我明白你的問題:

首先,請問這個:

if ($(this).hasClass('active')) $(this).find('span') 
      else $(this).find('span') 

如果有則。主動類找到跨度,如果它沒有再找到跨度無論如何?然後用它做什麼?

其次,在無狀態模式下,您不能從上次會話中檢索任何類型的信息(例如,如果用戶試圖登錄已有或沒有),因此您需要在您的後端(PHP,Node等),或者將數據保存在用戶瀏覽器(cookies,localstorage)上,在你的情況下(認證),推薦使用NOT

因此,您需要讓您的服務器回答您的登錄請求,然後根據其答案,使用JavaScript(或者更簡單,更優選CSS)向用戶展示可視化演示文稿,並且不要嘗試檢查用於在前端驗證用戶登錄信息。

我希望它有幫助。

+0

我使用PHP來檢查用戶名或密碼是否不正確,然後用登錄窗體下方的消息重新加載頁面,該窗體顯示「無效用戶名」或「無效的密碼」。我只是想弄清楚如何在發生這種情況時將表格放下。所有這些功能都是當有人點擊登錄按鈕時,將表單滑入和滑出。當他們輸入錯誤的登錄信息時,我希望表單在頁面重新加載時顯示 – ts1993

+0

在哪裏做這件事,你有問題? -------------------------- 有兩部分: 1.檢查是否存在元素 2.打開表格 檢查您可以使用JQuery的元素的存在,並幫助您知道如何打開表單,因此我們需要查看您的表單和交互代碼。 此外,我會建議不告訴用戶他們輸入錯誤(密碼或用戶名),只是告訴他們其中任何一個或兩個都是錯誤的,沒有任何更多的信息,所以永遠! –