<title>Bootstrap Example</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

Vertical (basic) form

Employee ID:

Employee Name:

Email:

<script>

    function validateAndGetFormData() {
        var empIdVar = $("#empId").val();
        if (empIdVar === "") {
            alert("Employee ID Required Value");
            $("#empId").focus();
            return "";
        }
        var empNameVar = $("#empName").val();
        if (empNameVar === "") {
            alert("Employee Name is Required Value");
            $("#empName").focus();
            return "";
        }
        var empEmailVar = $("#empEmail").val();
        if (empEmailVar === "") {
            alert("Employee Email is Required Value");
            $("#empEmail").focus();
            return "";
        }
        var jsonStrObj = {
            empId: empIdVar,
            empName: empNameVar,
            empEmail: empEmailVar,
        };
        return JSON.stringify(jsonStrObj);
    }
    // This method is used to create PUT Json request.
    function createPUTRequest(connToken, jsonObj, dbName, relName) {
        var putRequest = "{\n"
            + "\"token\" : \""
            + connToken
            + "\","
            + "\"dbName\": \""
            + dbName
            + "\",\n" + "\"cmd\" : \"PUT\",\n"
            + "\"rel\" : \""
            + relName + "\","
            + "\"jsonStr\": \n"
            + jsonObj
            + "\n"
            + "}";
        return putRequest;
    }
    function executeCommand(reqString, dbBaseUrl, apiEndPointUrl) {
        var url = dbBaseUrl + apiEndPointUrl;
        var jsonObj;
        $.post(url, reqString, function (result) {
            jsonObj = JSON.parse(result);
        }).fail(function (result) {
            var dataJsonObj = result.responseText;
            jsonObj = JSON.parse(dataJsonObj);
        });
        return jsonObj;
    }
    function resetForm() {
        $("#empId").val("")
        $("#empName").val("");
        $("#empEmail").val("");
        $("#empId").focus();
    }
    function saveEmployee() {
        var jsonStr = validateAndGetFormData();
        if (jsonStr === "") {
            return;
        }
        var putReqStr = createPUTRequest("90935869|-31948845326468280|90944841",jsonStr, "SAMPLE", "EMP-REL");
        alert(putReqStr);
        jQuery.ajaxSetup({ async: false });
        var resultObj = executeCommand(putReqStr, "http://api.login2explore.com:5577", "/api/iml");
        alert(JSON.stringify(resultObj));
        jQuery.ajaxSetup({ async: true });
        resetForm();
    }
</script>