Detect User Stopped Typing
Done in jquery, but can easily be converted to pure JS.
by NunoMira
HTML
<div style="display: inline-flex">
<input type='text' id='inputSearch' Placeholder="Pesquisar por nome">
<input type="radio" name="stateuser" value="I" checked> <span>Inicial</span>
<input type="radio" name="stateuser" value="A"> <span>Aprovado</span>
<input type="radio" name="stateuser" value="P"> <span>Pendente</span>
<input type="radio" name="stateuser" value="R"> <span>Reprovado</span>
<input type="radio" name="stateuser" value="C"> <span>Cancelado</span>
<input id="searchBtn" type="button" class="searchBtn" value="PESQUISAR" />
</div>
CSS
.searchBtn
{
width: 100%;
padding: 12px;
background: #dfe8f6;
font-weight: bold;
cursor: pointer;
font-size: 10px;
border: 0px;
}
.searchBtn:hover
{
background: #bdc1c7;
}
JavaScript
var timer = null;
document.getElementById('#inputSearch').keydown(function()
{
clearTimeout(timer);
timer = setTimeout(cenasNoServidor, 3000)
});
document.getElementById('#searchBtn').click(function()
{
clearTimeout(timer);
timer = setTimeout(cenasNoServidor, 3000)
});
function cenasNoServidor()
{
alert('Pedido Ajax');
}
$(document).ready(function()
{
//retirar o texto do input
//array de name=stateuser
//verificar qual a radio button está checked
//sacar o value
//break
});