{% set value_length = txts_opcoes %}
{% if value_length is empty %}
    {% set value_length = 3 %}
{% endif %}

<div class="control-group span5">
    <label for="inicializacaoTempo" class="control-label">Valor inicial</label>
    <div class="controls">
        <input type="text" id="inicializacaoTempo" name="inicializacaoTempo" maxlength="{{ value_length + 3 }}" placeholder="Ex: hh:mm / hhh:mm {{ value_length > 3 ? '/ hhhh:mm' : '' }}" class="cemporcento" onkeypress="return formataHora_{{ value_length }}(this, event)" value="{{inicializacao}}">
    </div>
</div>


<script>
        function formataHora_{{ value_length }}(campo, event){
            var regex = new RegExp("^[:0-9]+$");
            var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
            var valorCampo = campo.value;
            if(key == ":" && valorCampo.indexOf(':') !== -1){
                event.preventDefault();
                return false;
            }
            if(valorCampo.length == {{ value_length }} && event.charCode != 0 && valorCampo.indexOf(':') === -1){
                campo.value = valorCampo + ':';
                valorCampo = campo.value;
            }
            if(valorCampo.charAt(valorCampo.length - 1) == ":"){
                regex = new RegExp("^[0-5]+$")
            }
            if(!(valorCampo.charAt(valorCampo.length - {{ value_length }}) != ":" || event.charCode == 0)){
                event.preventDefault();
                return false;
            }
            if (!(regex.test(key) || event.charCode == 0)) {
                event.preventDefault();
                return false;
            }
        };
</script>