Estou precisando criar um campo onde se possa colocar um determinado numero de tags em um input do formulário.
Estou usando o plugin bootstrap-tagsinput v0.8.0 do jquery, consegui fazer funcionar, mais ele não limita a quantidade de palavras a serem digitadas, teria como fazer isso nesse plugin bootstrap-tagsinput v0.8.0?
Dessa forma faz a limitação igual nos dois. Mas como faço para que quando eu tiver dois inputs, limita 3 para um e 10 para o outro?
$(document).ready(function() {
$('input').tagsinput({
maxTags: 3
});
Html
<div class="col-md-6">
<div class="card-box">
<h4 class="header-title m-t-0 m-b-20">Palavras-chave</h4>
<p class="text-muted font-14">
Permitido até 40 palavras
</p>
<div class="tags-default">
<input type="text" id="palavras_chave" data-role="tagsinput" placeholder="add tags"/>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-box">
<h4 class="header-title m-t-0 m-b-20">Marcas</h4>
<p class="text-muted font-14">
Permitido até 50 palavras
</p>
<div class="tags-default">
<input type="text" id="marcas" data-role="tagsinput" placeholder="add tags"/>
</div>
</div>
</div>