input 实现输入标签,每个标签最长12个字符,最多输入6个,限制多个逗号以及中文逗号!

废话不多说纯手工!

html
<input oninput="flavor_length(this)" placeholder="请输入口味,每个口味最多12字,以“,”隔开" autocomplete="off" type="text" name="" value="">
js
// 判断输入口味长度
function flavor_length(obj){
    // 中文逗号变英文逗号
    var text = '',list = [],val = [];
    // 正则替换中文逗号
    text = obj.value.replace(/,/g,',');
    // 字符串分割成数组
    list = text.split(",");
    // 选好判断数组长度最多6个
    $.each(list,function(i,d){
        if(i < 6 ){
            val.push(d.slice(0,12));
        }
    });

    // 最后数组转字符串多个逗号替换成单个
    obj.value = val.toString().replace(/,,/g,',');
}

你可能感兴趣的:(HTML,js,正则表达式)