Bibliotecas Fluig p/ Forms HTML

<html>
    <head>
        <title>Título do Formulário</title>
        <link rel="stylesheet" type="text/css" href="/portal/resources/style-guide/css/fluig-style-guide.min.css">
        <script src="/portal/resources/js/jquery/jquery.js"></script>
        <script src="/portal/resources/js/jquery/jquery-ui.min.js"></script>
        <script src="/portal/resources/js/mustache/mustache-min.js"></script>
        <script src="/portal/resources/style-guide/js/fluig-style-guide.min.js"></script>
        <!-- CUSTOM -->
        <link href="/portal/resources/style-guide/css/fluig-style-guide-filter.min.css" rel="stylesheet" type="text/css">
        <link href="/portal/resources/style-guide/css/fluig-style-guide-ratingstars.min.css" rel="stylesheet" type="text/css">
        <script src="/portal/resources/style-guide/js/fluig-style-guide-filter.min.js"></script>
        <script src="/portal/resources/style-guide/js/fluig-style-guide-ratingstars.min.js"></script>
        <!-- vcXMLRPC -->
        <script type="text/javascript" src="/webdesk/vcXMLRPC.js"></script>
        <!-- CUSTOM -->
        <script type="text/javascript">
            // Mensagem informativa da vers&atilde;o de edi&ccedil;&atilde;o de cada script ou p&aacute;gina html do "form".
            console.log('%c [v.up.0.0.4] Formulário ???.html', 'color:brown');
        </script>
        <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
        <script src="https://fluig.sistemafaeg.org.br/portal/resources/js/jquery.mask.min.js"></script>

    </head>
    <body class="fluig-style-guide">
        <div class="page-content container-fluid">
        </div>

        <script type="text/javascript">
            //permite digitar somente numeros
            $('body').on('keypress', '[data-only-numbers]', function(ev) {
                var k = ev.keyCode || ev.which;
                //Permite apagar o conte&atilde;ÃÂÃÂÃÂÃÂÃÂÃÂ&atilde;ÃÂÃÂÃÂÃÂÃÂÃÂºdo do campo usando as teclas 'backspace' ou 'delete' no firefox.
                //Nos outros navegadores o keypress n&atilde;ÃÂÃÂÃÂÃÂÃÂÃÂ&atilde;ÃÂÃÂÃÂÃÂÃÂÃÂ£o gera evento.
                if (k == 8 || k == 46) {
                    return true;
                }
                k = String.fromCharCode(k);
                if (isNaN(k)) {
                    return false;
                }
                return true;
            });

            $('.create-form-components').on('keyup','input[required="required"][type="text"], input[required="required"][type="number"], input[required="required"][type="date"], textarea[required="required"]', function() {
                validationFieldsForm($(this), $(this).parents('.form-field').data('type'));
            });

            $('.create-form-components').on('change', 'input[required="required"][type="checkbox"], input[required="required"][type="radio"], select[required="required"]', function() {
                validationFieldsForm($(this), $(this).parents('.form-field').data('type'));
            });

            function validationFieldsForm(field, type){
                if (type === "checkbox" || type === "radio"){
                    if(!field.is(':checked')){
                        field.parents('.form-field').addClass('required');
                    }else{
                        field.parents('.form-field').removeClass('required');
                    }
                }else{
                    if(!field.val().trim()){
                        field.parents('.form-field').addClass('required');
                    }else{
                        field.parents('.form-field').removeClass('required');
                    }
                }
            }

            var $zoomPreview = $(".zoom-preview");
            if($zoomPreview.length){
                $zoomPreview.parent().removeClass("input-group");
                $zoomPreview.remove();
            }

            var ratings = $(".rating");
            if (ratings.length > 0)
                ratingStars(ratings);

            function ratingStars(stars) {
                $.each(stars, function(i, obj) {
                    var field = $(this).closest(".form-group").find(
                            ".rating-value");
                    var tgt = $(obj);
                    tgt.html("");
                    var rating = FLUIGC.stars(tgt, {
                        value : field.val()
                    });
                    rating.on("click", function(o) {
                        field.val($(this).index() + 1);
                    });
                });
            }

            $.each($("[data-date]"), function(i, o) {
                var id = $(o).parent().attr("id");
                FLUIGC.calendar("#" + id);
            });
        </script>
        <script type="text/javascript" src="custom.js"></script>
    </body>
</html>