1

我正在使用这个插件： http ://smartystreets.com/kb/liveaddress-api/plugin/configure

编码：

   <!DOCTYPE html>
   <html>
  <head>
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

   <script src="//d79i1fxsrar4t.cloudfront.net/jquery.liveaddress/2.4/jquery.liveaddress.min.js">   </script>

 <script>jQuery.LiveAddress("my key");</script>

   <script type="text/javascript">
   var liveaddress = $.LiveAddress({
    key: 'my key',
   debug: true,
    addresses: [{
    id: 'mySubmitButton',      // IDs are not part of the address
    street: '#street_add',
    street2: '#street2',    // Not all these fields are required
    city: '#city',
    state: '#state',
    zipcode: '#postcode',
    country: '#country'
   },
   {

   }]
    });

     </script>  


   </head>
   <body>
    <div id="panel">
       <form action="" name="" method="post">
           <input id="addresses" type="hidden" value="">
           Street Address<input id="street_add" type="textbox" value="" class="address">  <br />
           City<input id="city" type="textbox" value="" class="address"><br />
           State<input id="state" type="textbox" value="" class="address"><br />
           Zipcode<input id="postcode" type="textbox" value="" class="address"><br />
           Country<input id="country" type="textbox" value="" class="address"><br />
           <input type="submit" value="submit" id="#mySubmitButton" />
     </form>
    </div>
    <div id="map-canvas" style="height:40%;top:30px;"></div>
   </body>
   </html>

根据说明，我似乎需要对其进行配置以使其正常工作。我看到 LiveAddress 函数正在被调用，然后我正在添加配置部分（var live address）这是否被正确初始化和配置，它看起来是否会连接到表单？

4

1 回答 1

0

这是基于文档的一种方法。首先你初始化 liveaddress 对象并在同一个实例中进行映射。目前你已经单独完成了。这是不必要的。

var l = $.LiveAddress({
    key: 'HTML_KEY',
    debug: true,
    addresses: [{
        id: 'billing',      // IDs are not part of the address
        street: '#street1',
        street2: '#street2',    // Not all these fields are required
        city: '#city',
        state: '#state',
        zipcode: '#zip',
        country: '#country'
    },
    {
        id: 'shipping',     // IDs are optional, but can be helpful
        street: '#addrTb'
    }]
});

那么你所要做的就是调用verify方法

l.verify('billing');
于 2013-08-17T14:01:05.483 回答