2010-08-17 57 views
3

我很新的編程和HTML設計,並想問一個問題有些人可能會認爲愚蠢。檢查用戶名/電子郵件可用性設計問題

這裏所說:

我有一個與jQuery驗證插件驗證登記表。在這個表格中,有一個電子郵件和密碼輸入將被用作登錄憑證。

我想在這裏做的是檢查此電子郵件是否在我的數據庫(MySQL)中可用。如果是,則會提示用戶插入另一封電子郵件。如果不是,用戶會繼續聲稱該電子郵件。我如何去做這件事?我應該在表單中包含表單嗎?例如,我是否應該擁有帶有「檢查可用性」按鈕的嵌入式表單,例如Gmail註冊?

這是否有一個標準的程序?請建議一個好的和簡單的方法。

回答

2

您可以使用ajax訪問服務器端腳本來檢查電子郵件的可用性,然後根據您從服務器獲得的響應顯示一些通知/錯誤消息。

就像電子郵件字段的模糊事件(當它失去焦點時),您可以使用ajax觸發一個調用服務器端代碼的事件,然後根據響應,您可以隱藏/顯示一個特定的包含錯誤信息。

您的電子郵件字段可能是這樣的......

<input type="text" name="email" class="email" /> 

jQuery代碼是這樣的......

$("input.email").blur(function() { 
    $.ajax({ 
    url: 'ajax/getData.php?email=' + $(this).val(), 
    success: function(data) { 
     // Hide/show the error div over here 
    } 
    }); 
}); 
+0

謝謝Shivik。我認爲應用ajax呼叫對於我的情況非常理想。 – dave 2010-08-18 00:55:51

1

你可以做的是經過檢查用戶名的可用性當用戶輸入完電子郵件字段(onblur)時的jQuery http調用。如果它不可用,您可能需要給他或她一個視覺指示(例如,將該字段變成紅色)以提示另一封電子郵件。

請記住下面的事情,但:

  • 永遠做您的驗證服務器端和客戶端,如果你想成爲強勁。
  • 在查找過程中,爲用戶提供某種可視指示,表明搜索正在進行,您還可以在搜索過程中禁用提交按鈕。不要忘了啓用它然後:)
+0

謝謝你的精彩建議。我沒有想到你提到的第二點。防止用戶點擊按鈕並進行未經授權的註冊是有意義的。 – dave 2010-08-18 01:04:09

相關問題