Estou usando o chips do materialize no meu projeto, mas queria evitar esse comportamento padrão de adicionar a tag mesmo vazia, por exemplo:
Como faço para impedir isto e inserir a tag somente quando tiver pelo menos um caractere?
O que cheguei mais próximo foi:
$('.chips').on('chip.add', function(e, chip){
console.log(chip);
var chip = chip.tag;
if(!chip.trim()){
alert('CHIP VAZIO!');
//aqui gostaria de fazer algo do tipo chip.remove() porém da erro
}
});
options
do seu elemento, existe a propriedadeonChipAdd
. Tente utilizá-la para validar o valor adicionado.