如何以实时格式输入用户信息？例如，用户将A9364470240ZGS001输入字段，并使用JavaScript格式，它在输入字段中实时如：A 936 447 02 40 ZGS 001？
<div class="childDumpFile">
<label for="ds">Dataset</label>
<input type="text" class="form-control" id="ds" name="ds" value="{{Request::get('ds') ?? ''}}">
</div>
我找到了真正的答案。这些期望被命名为“输入掩码”，如果您愿意的话。您必须使用3.方库。其中一些列出在以下站点中：
我选择Cleave.js了您的问题。这是演示：
<script src="https://nosir.github.io/cleave.js/dist/cleave.min.js"></script>
<script src="https://nosir.github.io/cleave.js/dist/cleave-phone.i18n.js"></script>
<script>
function loadFunction() {
// custom
var cleaveCustom = new Cleave('.input-custom', {
blocks: [1, 3, 3, 2, 2, 3, 3],
delimiter: ' ',
});
}
</script>
<body onload="loadFunction()">
A 936 447 02 40 ZGS 001
<div class="container">
<input class="input-custom" placeholder="Custom delimiter & blocks" />
</div>
</body>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句