Designsystem

Data Code field 

<div class="dataCode">
    <div class="dataCode-fields">
        <input class="dataCode-fields-item" type='text' name='n1' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n2' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n3' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n4' maxlength='1'>
    </div>
    <input type="hidden" name="dataCode" value="">
    <div class="text-center"><label class="dataCode-label" for="">Je n&#x27;ai pas reçu mon code</label></div>
</div>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function() {
        $('.dataCode-fields-item').keypress(function() {
            // TODO
        });
    })
</script>
 
<div class="dataCode">
    <div class="dataCode-fields">
        <input class="dataCode-fields-item" type='text' name='n1' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n2' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n3' maxlength='1'>
        <input class="dataCode-fields-item" type='text' name='n4' maxlength='1'>
    </div>
    <input type="hidden" name="dataCode" value="">
    <div class="text-center"><label class="dataCode-label" for="">{{label}}</label></div>
</div>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function () {
        $('.dataCode-fields-item').keypress(function () {
            // TODO
        });
    })
</script>
 
{
  "label": "Je n'ai pas reçu mon code"
}

There are no notes for this item.