jQuery Input文本框创建标签代码

jQueryInput文本框创建标签代码是一款在文本框输入文字按回车创建文字标签功能，支持创建添加多个标签。

js代码
<scriptsrc="js/jquery.min.js"></script>
<scriptsrc="js/jquery-ui.min.js"></script>
<scriptsrc="src/jquery.tagsinput-revisited.js"></script>
<scripttype="text/javascript">
$(function(){
$('#form-tags-1').tagsInput();

$('#form-tags-2').tagsInput({
'onAddTag':function(input,value){
console.log('tagadded',input,value);
},
'onRemoveTag':function(input,value){
console.log('tagremoved',input,value);
},
'onChange':function(input,value){
console.log('changetriggered',input,value);
}
});

$('#form-tags-3').tagsInput({
'unique':true,
'minChars':2,
'maxChars':10,
'limit':5,
'validationPattern':newRegExp('^[a-zA-Z]+$')
});

$('#form-tags-4').tagsInput({
'autocomplete':{
source:[
'apple',
'banana',
'orange',
'pizza'
]
}
});

$('#form-tags-5').tagsInput({
'delimiter':';'
});

$('#form-tags-6').tagsInput({
'delimiter':[',',';']
});
});
</script>



下载

2023-11-22 21:10 上传

点击文件名下载附件