jQuery Input文本框创建标签代码

jQuery Input文本框创建标签代码-精品资源网
jQuery Input文本框创建标签代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery Input文本框创建标签代码

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

js代码

<script src=\"js/jquery.min.js\"></script> 
<script src=\"js/jquery-ui.min.js\"></script> 
<script src=\"src/jquery.tagsinput-revisited.js\"></script> 
<script type=\"text/javascript\">
		$(function() {
			$(\'#form-tags-1\').tagsInput();
			
			$(\'#form-tags-2\').tagsInput({
				\'onAddTag\': function(input, value) {
					console.log(\'tag added\', input, value);
				},
				\'onRemoveTag\': function(input, value) {
					console.log(\'tag removed\', input, value);
				},
				\'onChange\': function(input, value) {
					console.log(\'change triggered\', input, value);
				}
			});
			
			$(\'#form-tags-3\').tagsInput({
				\'unique\': true,
				\'minChars\': 2,
				\'maxChars\': 10,
				\'limit\': 5,
				\'validationPattern\': new RegExp(\'^[a-zA-Z]+$\')
			});
			
			$(\'#form-tags-4\').tagsInput({
				\'autocomplete\': {
					source: [
						\'apple\',
						\'banana\',
						\'orange\',
						\'pizza\'
					]
				} 
			});
			
			$(\'#form-tags-5\').tagsInput({
				\'delimiter\': \';\' 
			});
			
			$(\'#form-tags-6\').tagsInput({
				\'delimiter\': [\',\', \';\'] 
			});
		});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容