Buenas tardes tengo el siguiente código, pero no logró hacer la siguiente válidación, necesito que en una etiqueta <div>
muestre el mensaje "bien" o "mal".
$(document).on("keyup", "input#txt-codigo-doc",function () {
var soloNumero =/[^0-9]+$/g;
$(this).val($(this).val().replace(soloNumero,''));
if(soloNumero.test($(this).val())){
$("div#mensaje-codigo-doc").html("bien");
}else{
$("div#mensaje-codigo-doc").html("mal");
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txt-codigo-doc">
<div id="mensaje-codigo-doc"></div>
Al ejecutar el código siempre me retorna el mensaje "mal", nose porque sale siempre el mismo mensaje si la condición debe cumplirse.
Necesito ayuda para solucionar este problema, como siempre cualquier ayuda es bienvenida.
bien
?$(this).val($(this).val().replace(soloNumero,''));
tú evitas que el input reciba otra cosa diferente de números (prueba a escribir una letra por ejemplo), por tanto nunca se podrá escribir algo para que se imprima la palabrabien
. Por favor, explica con claridad qué es lo que quieres hacer realmente.números
en la etiqueta<div>
debe mostrar "bien" y si se ingresaletras
debe mostrar "mal", pero la condición no se cumple.$(this).val($(this).val().replace(soloNumero,''));
si quieres comenta esa línea y verás que funciona como esperas.