如何在jquery中爲文本框創建一個自動完成驗證

Question

如何使用Jquery爲文本框創建一個自動完成驗證？我的意思是，如果文本框只接受數字（使用numeric.js），但應該是％字段，並且用戶忘記寫入'％'。如何用'％'simbol生成自動完成填充其餘文本？ THX！

Answer 1

你可以做這樣的事情。我也會在用戶編輯字段時刪除「％」，並在用戶輸入無效字符時刪除該值。

$(".percentage").blur(function() { 
 
    var value = $(this).val(); 
 
    value = value.replace('%', ''); 
 
    if (isNaN(value)) 
 
    value = ''; 
 
    else 
 
    value = value + '%'; 
 
    $(this).val(value); 
 
}); 
 

 
$(".percentage").focus(function() { 
 
    $(this).val($(this).val().replace('%', '')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="percentage" />