驗證文本字段，同時在文本框中輸入輸入

Question

我試圖實現註冊表單，要求用戶輸入所需的登錄標識。 用戶在文本框中輸入所需的登錄標識。

我想對此文本框執行驗證，以查看是否可以使用所需的登錄標識而無需提交表單。

確認應該在第5個字符輸入到文本框後開始發生。

Answer 1

您應該驗證輸入的完整用戶名，這也會減少您的客戶端服務器交互，從而也爲您提供性能。

您可以使用jQuery的ajax方法。這將調用您的服務器端代碼，您可以通過查詢數據庫來檢查並可以將日期發送回客戶端。

HTML：

<input type="text" id="username" onblur="checkUsername(this);"/> 

的Javascript：

function checkUsername(element){ 
    $.ajax({ 
    url: server_url, 
    data : element.value 
    }).done(function(data) { //json object returned from server 
     if(data.true){ 
      //allowed 
     }else{ 
      alert("select another username"); 
     } 
    }); 
} 

Answer 2

您可以使用Client Side Validation模塊。此模塊進行驗證並在提交表單之前顯示錯誤消息