先上效果图,图一:
双击输入框,在弹窗中粘贴Excel中copy来的数据,点击确定,即可将回车符自动转为英文逗号分隔。
图二:
再次双击,即可看到全部字符串。
图三:
注意:最后有回车时会多一位逗号,js或者java后端验证一下删掉即可。
上代码:
<div class="layui-inline">
<label class="layui-form-label">提单号[批量]</label>
<div class="layui-input-inline">
<input type="text" id="billNos" name="billNos" placeholder="请双击后弹框中输入" autocomplete="off" class="layui-input"/>
</div>
</div>
// 双击input
$("#billNos").dblclick(function(){
var $this = $(this);
layer.prompt({
formType: 2,
value: $this.val(),
title: '请输入值',
maxlength: 2000, //可输入文本的最大长度,默认500
area: ['800px', '350px'] //自定义文本域宽高
}, function(value, index, elem){
$this.val(value.split(/[\n\s]+/).join(","));
layer.close(index);
});
});