Estou a desenvolver um sistema em php e estou utilizando o Jquery
para requisições Client Side.
Tenho uma rotina simples para tratamento de inputs que não permite que o usuário digite um caractere não numérico.
O script segue:
$('.only-numeric').on('keypress',function(event) {
var tecla = (window.event) ? event.keyCode : event.which;
if ((tecla > 47 && tecla < 58 || tecla == 0 || tecla == 44)) return true;
else {
if (tecla != 8) return false;
else return true;
}
});
O mesmo é funcional, porém o problema ocorre quando preciso trabalhar dinamicamente.
Tenho um select
qua ao alterá-lo, atualizo uma div chamada characteristic_item
, populando com os novos inputs através do método $.get()
. E com método html()
apresento em tela os novos valores.
/**
* Altera as caracteristicas do imóvel pela categoria do imóvel
*/
$('#id_category').on('change',function (){
var cat = $(this).val();
var id = $('#id_immobile').val();
var url = url_base + '/Imovel/lista_caracteristicas/' + cat + '/' + id;
$('#characteristic').show();
$.get(url,function (retorno) {
if(retorno) {
$('#characteristic_item').html(retorno);
} else {
$('#characteristic').hide();
}
});
});
Acontece que atualizar os valores da DIV, o meu script que não aceita campos não numéricos não funciona mais.
Fiz o uso do seletor .on()
, porém não tive sucesso.
HTML do projeto:
<select class="full-width" data-init-plugin="select2" name="id_category" id="id_category" required>
<option></option>
</select>
<input type='text' class='form-control only-numeric' name='convenient' id='checkbox' maxlength='3' value=''>
Alguma sugestão de como resolver este caso?
div
nao recebe apenas os novos valores do select e adiciona-os, assim sendo, nunca altera oselect
e todos os eventos continuaram a funcionar... por exemplo:$("#id_category option").clear(); retorno.forEach(x=>$("#id_category").append("<option>"+x+"</option>")
#characteristic > #characteristic_item
$('.only-numeric').on('keypress',function(event) {
por$('body').on('keypress', '.only-numeric', function(event) {
que vai monitorar o keypress mesmo que sejam incluídos novos elementos com a classeonly-numeric
na página dinamicamente.