如何顯示驗證彈出窗口之類的彈出窗口？

Question

在表單驗證時，不填寫必填字段，則HTML5彈出所示：

我想表現出相似的彈出當登錄內部數據庫已經存在。如何顯示相對於登錄字段的彈出框？

Answer 1

.wrapper{ 
    position: relative; 
} 

.hint{ 
    position: absolute; 
    left: 50%; 
} 


<div class="wrapper"> 
    <input type="text"> 
    <div class="hint">Login exists</div> 
</div> 

此外，你必須檢查登錄是否存在使用AJAX。

Answer 2

讓您的形式

<form> 
     <input type="text" id="one" required /> 
     <input type="submit" id="sub"></input> 
    </form> 

和jQuery

$(document).ready(function(){ 
    $('#sub').on('click',function(){ 
     var getName=$('#one').val(); 
     //let's assume after checking name, it already exist then go in if condition 
     if(true){ 
     $('#one').val(''); 
     $('#one').attr('data-errormessage-value-missing','already exist'); 
    } 
    }); 
}); 

DEMO