Predictive Sample #9

Verify Australian financial institution BSB

by dtsupport

HTML

<link rel="stylesheet" href="https://kleber.datatoolscloud.net.au/jquery19/themes/base/jquery.ui.all.css">
<script src="https://kleber.datatoolscloud.net.au/jquery19/jquery-1.9.1.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.core.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.widget.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.position.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.autocomplete.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.menu.js"></script>
<body>
    <div>
        <table>
            <tr>
                <td></td>
                <td><b>Method Parameters</b></td>
            </tr>            <tr>
                <td>BSB:</td>
                <td><input name="BSB" id="inBSB" value="" type="text" size="50"/></td>
            <tr>
            <tr>
                <td>ResultLimit:</td>
                <td><input name="ResultLimit" id="inResultLimit" value="" type="text" size="50"/></td>
            <tr>
            <tr>
                <td>RequestId:</td>
                <td><input name="RequestId" id="inRequestId" value="" type="text" size="50"/></td>
            <tr>
            <tr>
                <td>RequestKey:</td>
                <td><input name="RequestKey" id="inRequestKey" value="" type="text" size="50"/></td>
            <tr>
            <tr>
                <td>DepartmentCode:</td>
                <td><input name="DepartmentCode" id="inDepartmentCode" value="" type="text" size="50"/></td>
            <tr>
            <tr>
                <td></td>
                <td><button name="ProcessButton" id="ProcessButton">Process Method</button></td>
            </tr>
            <tr>
                <td></td>
                <td><b>Method Results</b></td>
            </tr>
            <tr>
                <td>BSB:</td>
                <td><input...

CSS

.ui-autocomplete-loading {
					background: white url('http://kleber.datatoolscloud.net.au/dt_processing_images/dt20x20.gif') right center no-repeat;
				}

JavaScript

$( function (){
        $('#ProcessButton').click(function()
        {	
            var BSB = $('#inBSB').val();
            var ResultLimit = $('#inResultLimit').val();
            var RequestId = $('#inRequestId').val();
            var RequestKey = $('#inRequestKey').val();
            var DepartmentCode = $('#inDepartmentCode').val();

            $.ajax({
                url: "https://kleber.datatoolscloud.net.au/KleberWebService/DtKleberService.svc/ProcessQueryStringRequest",
                dataType: "jsonp",
                type: "GET",
                contentType: "application/json; charset=utf-8",
                data: {

                    Method: "DataTools.Verify.Bsb.AuApca.VerifyBsb",
                    BSB: "" + BSB,
                    ResultLimit: "" + ResultLimit,
                    RequestId: "" + RequestId,
                    RequestKey: "" + RequestKey,
                    DepartmentCode: "" + DepartmentCode,
                    OutputFormat: "json"
                },
                success: function (data) {
                    $.map(data.DtResponse.Result, function (item) {
                        $('#BSB').val(item.BSB);
                        $('#FinancialInstitutionCode').val(item.FinancialInstitutionCode);
                        $('#BsbName').val(item.BsbName);
                        $('#AddressLine').val(item.AddressLine);
                        $('#Locality').val(item.Locality);
                        $('#State').val(item.State);
                        $('#Postcode').val(item.Postcode);
                        $('#PaymentSystem').val(item.PaymentSystem);
                    });
                }
            
			   });
        });
		});