需要在jQuery的令牌輸入

Question

我想，只有電子郵件應在令牌輸入，而不是一個普通的文本被接受鍵入僅電子郵件ID而不是文本..

Answer 1

您可以使用jQuery驗證用於檢查電子郵件或不。

如：

function IsEmail(email) { 
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
return regex.test(email); 
} 

通過電子郵件的價值email參數ISEMAIL功能。

Answer 2

要添加到Vinod的答案，並將其與您指定的jquery-tokeninput插件相關聯，我不相信有一種方法專門用於在添加之前驗證自由文本輸入。

我建議使用onAdd回調，通過Vinod的isEmail函數運行該項目（作爲參數傳遞），然後刪除新項目，如果它失敗了正則表達式測試。

未經測試示例代碼：（您可能需要改變remove方法，我不知道，如果它需要一個實際的對象，或JSON字符串）

$("#my-text-input").tokenInput("/url/to/your/script/",{ 
    onAdd: function(item){ 
     if(!isEmail(item.value)) $("#my-text-input").tokenInput("remove", item); 
    } 
}); 

Answer 3

我已經嘗試了這一點，它對我來說工作正常..

For your kind reference.. 

resultsFormatter: function(item){  
var email_regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i; 
console.log("item.email"+item.email); 
if(item.email != null){ 
console.log("Email lalal:: "+item.email); 
return "<li>" + item.name +" &lt;"+item.email+"&gt;"+"</li>"; 
} 
if(item.name.match(email_regex)){ 
return "<li>" +" Private Student "+ item.name+ "</li>"; 
}else{ 
return "<li style='display:none;'>" +" "+"</li>"; 
}     
} 
}