Hi Experts,
I am trying to implement an address verification into my website. The following works until I try to include a MasterPage then it appears to post but I get no results or error. What am I doing wrong, I'm sure it is a silly mistake. Thanks
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="street-address.aspx.vb" MasterPageFile="/StaffSettings/StaffSite.Master" Inherits="ProVal.street_address" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<!-- jQuery -->
<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/all-min.js"></script>
<!-- jQuery UI -->
<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/library.js"></script>
<!-- jQuery Templates -->
<script type="text/javascript" src="https://api.qualifiedaddress.com/scripts/qad.js"></script>
<script language="javascript" type="text/javascript">
QadApi
(
{
timeout: 10,
key: 32497822,
busySubmit: false,
submitId: "btnVerify",
onComplete: function () { return false; }
},
{
busyId: "QadBusy",
busyText: "Validating address...",
animate: "slow"
},
[
{
name: "Billing Address",
street: "street",
street2: "street2",
unit: "id",
city: "city",
state: "state",
zip: "zip"
}
]
);
</script>
<script type="text/javascript">
var url = 'https://api.qualifiedaddress.com/street-address/?street=1600+Amphitheatre+Parkway&city=Mountain+View&state=CA&zipcode=94043&candidates=5&auth-token=32497822';
$.getJSON(url, function (data) {
if (data.length > 0)
$('#shippingstreet').val(data[0].delivery_line1);
});
</script>
<!-- jQuery UI stylesheet -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" type="text/css" media="all" />
<style type="text/css">
.address-result {
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
}
.address-result:hover {
background-color: gray;
}
.complete-address {
display: none;
}
.title {
color: gray;
font-size: smaller;
margin-bottom: 12px;
}
</style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server" >
<div>
<label for="street">Street</label>
<asp:TextBox ID="street" runat="server"></asp:TextBox>
</div>
<div>
<label for="street2">Street 2</label>
<asp:TextBox ID="street2" runat="server"></asp:TextBox>
</div>
<div>
<label for="city">City</label>
<asp:TextBox ID="city" runat="server"></asp:TextBox>
</div>
<div>
<label for="state">State</label>
<asp:TextBox ID="state" runat="server"></asp:TextBox>
</div>
<div>
<label for="zip">ZIP Code</label>
<asp:TextBox ID="zip" runat="server"></asp:TextBox>
</div>
<asp:Button ID="btnVerify" runat="server" Text="Verify" CausesValidation="False"/>
<%--<button id="verify" onclick="return verify_onclick()">Verify</button>--%>
<div id="dialog" style="display:none;">
<div id="candidates"></div>
</div>
<div id="results" style="display:none;"></div>
<script type="text/x-jquery-tmpl" id="address-candidate-template">
{{if user_input}}
<span class="title">You provided:</span><br />
{{else candidate_index === 0}}
<span class="title">We suggest:</span><br />
{{/if}}
<div class="address-result">
<span>${delivery_line_1}</span><br />
<span>${last_line}</span>
<span class="complete-address">${ JSON.stringify($item.data) }</span>
</div>
</script>
</asp:Content>
Select all
Open in new window
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="StaffSite.master.vb" Inherits="ProVal.StaffSite1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
<title></title>
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style2
{
text-align: center;
}
</style>
</head>
<body>
<form id="myform" runat="server">
<div id="wrap">
<div id="header">
<div class="logo">
<h1>
<img src="../Images/Logo.png"
alt="Transcontinental Valuations - Powered by ProVal" />
<asp:Label ID="lblLogo" runat="server" Text="Transcontinental Valuations™"></asp:Label>
<br />
<small class="slogan"><asp:Label ID="lblSmLogo" runat="server" Text="Powered by ProVal"></asp:Label>
</small></h1>
</div>
<div id="login">
<asp:LoginView ID="LoginView1" runat="server">
<AnonymousTemplate>
You are not logged in. Click the Login link to sign in.
<br />
</AnonymousTemplate>
<LoggedInTemplate>
Welcome,<asp:LoginName ID="LoginName1" runat="server" />
<br />
<asp:HyperLink ID="HyperLink1" runat="server"
NavigateUrl="~/Users/ChangePassword.aspx" Font-Underline="True">Change Password</asp:HyperLink>
<br />
</LoggedInTemplate>
</asp:LoginView>
<asp:LoginStatus ID="LoginStatus2" runat="server" LogoutPageUrl="~/Default.aspx"
ForeColor="#00009C" Font-Underline="True" />
<br />
<asp:HyperLink ID="HyperLink4" runat="server"
NavigateUrl="../Users/RecoverPassword.aspx" Font-Underline="True"
ForeColor="#00009C">Forgot your password?</asp:HyperLink>
</div>
</div>
<div class="clr"></div>
<div id="nav">
<ul>
<li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="All.aspx">Open Orders</asp:HyperLink></li>
<li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="Settings.aspx">Company Settings</asp:HyperLink></li>
<li><asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="Accounting.aspx">Accounting</asp:HyperLink></li>
<li><asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="Order_StaffManual.aspx">Order Entry</asp:HyperLink></li>
</ul>
<div id="sidebar">
<asp:ContentPlaceHolder ID="LeftContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="footer" class="style2">
Copyright © 2012
<br />Powered by ProVal
</div>
</div>
</div>
</form>
</body>
</html>
Select all
Open in new window