JSFiddle - React, Tailwind, and code Playground

by slawe

HTML

<input id="hidden_data" name="hidden_data" type="text" value="54baa25461e75c620b8b4568:slawe_logo_1.jpg:gallery 1,54baa25461e75c620b8b4568:131949_1744185294615_3733225_o.jpg:gallery 1,54baa25461e75c620b8b4568:32530_1487838326101_3946460_n.jpg:gallery 1,54baa26c61e75cc2488b4567:PIXECT-20141226112853.jpg:some new collectioN,54baa25461e75c620b8b4568:slawe_logo_1.jpg:gallery 1,54baa25461e75c620b8b4568:131949_1744185294615_3733225_o.jpg:gallery 1,54baa25461e75c620b8b4568:32530_1487838326101_3946460_n.jpg:gallery 1,54baa26c61e75cc2488b4567:PIXECT-20141226112853.jpg:some new collection"/>

<div id="export_data">,sssssss</div>

JavaScript

var hidden = document.getElementById('hidden_data');

hidden.addEventListener('input', function(e) {
    e.preventDefault();
    
    var split_value = hidden.value.split(',');
    
    alert('do not touch!');
    
    if(split_value.length > 5) {
        hidden.value = split_value.slice(0,5);
    } else {
        preview.innerHTML = 'slike su ubacene';
    }
});