tenho a seguinte situação:
Quando eu passar o leitor, e terminar de ler o caracteres, tera que limpar automaticamente os campos da tela, como eu poderia fazer isso :
segue abaixo meu codigo e as telas :
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<script type="text/javascript" src="http://erp.hospitalonline.com.br/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var codes = "0";
var valor = "";
$("#form\\:teste").val("");
$("#string").append("");
$(document).keypress(function(e){
console.log(e.charCode);
codes = codes + ',' + e.charCode;
$("#string").append(String.fromCharCode(e.charCode));
valor = valor+String.fromCharCode(e.charCode);
$("#form\\:teste").val(valor);
if (valor.match("%[A-z0-9 ]:")) {
alert("evandro");
valor = "";
$("#form\\:teste").val("");
$("#string").append("");
}
});
});
<title>Login Principal</title>
</h:head>
<h:body>
<div>PASSE O CARTAO NO LEITOR !</div>
<div id="string" ></div>
<div id="codes"></div>
<br/>
<br/>
<h:form id="form">
<p:inputText id="teste" />
</h:form>
</h:body>
</html>
