D-Net

                                   class="uk-input" onkeyup="validate()" onfocusout="nameTouched = true;validate()" value=${first_name}>

                            <c:remove var="first_name" scope="session"/>

                            <div id="first_name_error" style="display:none;" class="uk-text-danger uk-text-small">Please enter a name for your

                                service.

                            </div>

                                      class="uk-textarea" rows="3" value=${description}></textarea>

                            <c:remove var="description" scope="session"/>

                                    <input id="by_value" class="uk-radio uk-margin-small-right" type="radio"

                                           name="key_radio"

                                           value="value" ${(key_radio == 'value' || key_radio == '' || key_radio == null) ? 'checked' : ''}>

                                    <input id="by_uri" class="uk-radio uk-margin-small-right" type="radio"

                                           name="key_radio" value="uri" ${key_radio == 'uri' ? 'checked' : ''}>

                            <c:remove var="key_radio" scope="session"/>

                                <textarea id="value" name="value" type="textarea"

                                          placeholder='{"kty": ..., "e": ... , "use": ... , "kid": ..., "alg": ... , "n": ...}'

                                          onfocusout="valueTouched = true;validate()"

                                          onkeyup="validate()"

                                          class="uk-textarea ${value_error == true?'uk-form-danger':''}" rows="10">${value}</textarea>

                                <c:choose>

                                    <c:when test="${value_error == true}">

                                        <div id="value_error" class="uk-text-danger uk-text-small">Please provide a valid JSON.</div>

                                        <c:remove var="value_error" scope="session"/>

                                    </c:when>

                                    <c:otherwise>

                                        <div id="value_error" style="display:none;" class="uk-text-danger uk-text-small">Please provide a valid JSON.</div>

                                    </c:otherwise>

                                </c:choose>

                                <c:remove var="value" scope="session"/>

                                <input id="uri" name="uri" type="text" placeholder="https://" onfocusout="uriTouched = true;validate()"

                                       onkeyup="validate()"

                                       class="uk-input ${uri_error == true?'uk-form-danger':''}" value="${jwksUri}">

                                <c:choose>

                                    <c:when test="${uri_error == true}">

                                        <div id="uri_error"  class="uk-text-danger uk-text-small">

                                            Please provide a valid URI (do not forget the protocol! https://...)

                                        </div>

                                        <c:remove var="uri_error" scope="session"/>

                                    </c:when>

                                    <c:otherwise>

                                        <div id="uri_error" style="display:none;" class="uk-text-danger uk-text-small">

                                            Please provide a valid URI (do not forget the protocol! https://...)

                                        </div>

                                    </c:otherwise>

                                </c:choose>

                                <c:remove var="jwksUri" scope="session"/>

                            <button id="create" type="submit" class="uk-button uk-button-primary">

    var nameTouched = false;

    var valueTouched = false;

    var uriTouched = false;

    $(document).ready(function () {

        checkRadio();

        if($('#value_error').is(':visible')) {

            $("#value_input").get(0).scrollIntoView();

        } else if($('#uri_error').is(':visible')) {

            $("#uri_input").get(0).scrollIntoView();

        }

        $('input[type=radio][name=key_radio]').change(function () {

            checkRadio();

        });

    });

    function checkRadio() {

        var radio = $('input[type=radio][name=key_radio]:checked').val();

        if (radio === 'uri') {

        } else if (radio === 'value') {

        validate();

    }

        var isValid = true;

        var create = $('#create');

        create.prop('disabled', true);

        var name = $("#first_name");

        if (name.val() !== undefined) {

            if ($.trim(name.val()).length <= 0) {

                if (nameTouched) {

                    name.addClass('uk-form-danger');

                    $("#first_name_error").show();

                }

                isValid = false;

                if (nameTouched) {

                    name.removeClass('uk-form-danger');

                    $("#first_name_error").hide();

                }

        var radio = $('input[type=radio][name=key_radio]:checked');

        if (radio.val() === 'value') {

            if (!validateJSON()) {

                if (valueTouched) {

                    $("#value").addClass('uk-form-danger');

                    $("#value_error").show();

                }

                isValid = false;

            } else {

                if (valueTouched) {

                    $("#value").removeClass('uk-form-danger');

                    $("#value_error").hide();

                }

        if (radio.val() === 'uri') {

            if (!validateURI()) {

                if (uriTouched) {

                    $("#uri").addClass('uk-form-danger');

                    $("#uri_error").show();

                }

                isValid = false;

            } else {

                if (uriTouched) {

                    $("#uri").removeClass('uk-form-danger');

                    $("#uri_error").hide();

                }

        if (isValid) {

            create.prop('disabled', false);

        }

        return isValid;

        var value = $("#value").val();

        if (value !== undefined && value !== "") {

            return /^[\],:{}\s]*$/.test(value.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''));

        var value = $("#uri").val();

        if (value !== undefined && value !== "") {

            return /^(?:(?:(?:https):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:[/?#]\S*)?$/i.test(value);