Predictive Sample #5

Phone Verification

by dtsupport

HTML

<body>
	<div >
	<table>
		<tr>
			<td>
				Request Key:
			</td>
			<td>
				<input name="RequestKey" id="rkey" value="" type="text" size="50"/>
				<button name="Verifybtn" id="verifybtn">Verify</button>
			</td>
	   </tr>
       <tr>
		    <td>Phone Number:</td>
			<td><input name="phonenumber" id="phonenumber" type="text" size="50"/></td>
       </tr>
       <tr>
			<td>Response:</td>
			<td><input name="Resp" id="resp" type="text" size="50"/></td>
	   </tr>
	   <tr>
			<td>Response Text</td>
			<td><textarea id="textresponse"></textarea></td>
       </tr>
    </table>
	</div>
	</body>

CSS

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

JavaScript

$('#verifybtn').click(function()
	{	
	
    var tempKey = $('#rkey').val();
    var phonenumber = $('#phonenumber').val();
    alert(tempKey + " " + phonenumber);
	
	$.ajax({
				url: "https://Kleber.datatoolscloud.net.au/KleberWebService/DtKleberService.svc/ProcessQueryStringRequest",
				dataType: "jsonp",
				
				type: "GET",
				contentType: "application/json; charset=utf-8",
				data: {

				OutputFormat:"json",
				Method:"DataTools.Verify.PhoneNumber.ReachTel.VerifyPhoneNumberIsConnected", 
				PhoneNumber: $('#phonenumber').val() ,
				RequestKey:tempKey
				},
				
		success: function (data){
					$.map(data.DtResponse.Result, function (item) 
					{						
							 
                $('#resp').val(item.StatusCode);
                $('#textresponse').val(item.StatusDescription);


               });
        }
		 });
	});