Javascript 如何将SmartyStreets验证应用于同一页面中的两个表单?
``` .col-md-6 %h3美国地址 %水平形 %标签街道地址 %input.form控件{id:'street',name:'street',style:'margin-bottom:10px;font-size:13px;height:30px'} %标签城市 %input.form控件{id:'city',name:'city',style:'margin bottom:10px;font size:13px;height:30px'} %标签状态 %input.form控件{id:'state',name:'state',style:'margin bottom:10px;font size:13px;height:30px'} %标签邮政编码 %input.form控件{id:'zipcode',name:'zipcode',style:'margin bottom:10px;font size:13px;height:30px'} .行 %溴 %溴 %input.btn.btn-ss-alt.btn-lg{type:“提交”,name:“提交”,style:“页边距底部:20px;float:right;页边距右侧:15px;padding:10px 72px;”} .col-md-6 %h3国际地址 %水平形 %标签街道地址 %input.form控件{id:'street',name:'street',style:'margin-bottom:10px;font-size:13px;height:30px'} %标签城市 %input.form控件{id:'city',name:'city',style:'margin bottom:10px;font size:13px;height:30px'} %标签状态 %input.form控件{id:'state',name:'state',style:'margin bottom:10px;font size:13px;height:30px'} %标签邮政编码 %input.form控件{id:'zipcode',name:'zipcode',style:'margin bottom:10px;font size:13px;height:30px'} .行 %溴 %溴 %input.btn.btn-ss-alt.btn-lg{type:“提交”,name:“提交”,style:“页边距底部:20px;float:right;页边距右侧:15px;padding:10px 72px;”} ``` SmartyStreets插件仅适用于第一种形式,而不适用于第二种形式Javascript 如何将SmartyStreets验证应用于同一页面中的两个表单?,javascript,jquery,smartystreets,Javascript,Jquery,Smartystreets,``` .col-md-6 %h3美国地址 %水平形 %标签街道地址 %input.form控件{id:'street',name:'street',style:'margin-bottom:10px;font-size:13px;height:30px'} %标签城市 %input.form控件{id:'city',name:'city',style:'margin bottom:10px;font size:13px;height:30px'} %标签状态 %input.form控件{id:
var liveaddress=$.liveaddress({
钥匙:{ENV['SMARTY_STREETS']},
是的,
地址:[{
街道:“#街”,
城市:“#城市”,
州:“#州”,
zipcode:“#zipcode”
}]
});
简单,只需将每个表单包装在表单标记中,并为每个字段指定一个不同的名称(或id)。插件会把它接起来。下面是使用自定义字段映射的两个表单的示例:
下面是一个使用自动映射在同一页面上的16个表单的示例:
HTML示例:
<form id="shipping">
<input type="text" id="pais" name="pais" placeholder="pais">
<br>
<br>
<input type="text" id="calle" name="calle" placeholder="calle">
<br>
<input type="text" id="ciudad" name="ciudad" placeholder="ciudad">
<br>
<input type="text" id="estado" name="estado" placeholder="estado">
<br>
<input type="text" id="codigo" name="codigo" placeholder="codigo">
<br>
</form>
<hr>
<form id="billing">
<input type="text" id="pais2" name="pais2" placeholder="pais2">
<br>
<br>
<input type="text" id="calle2" name="calle2" placeholder="calle2">
<br>
<input type="text" id="ciudad2" name="ciudad2" placeholder="ciudad2">
<br>
<input type="text" id="estado2" name="estado2" placeholder="estado2">
<br>
<input type="text" id="codigo2" name="codigo2" placeholder="codigo2">
<br>
</form>
在
地址
数组中再设置一个地址对象就是问题所在。谢谢如果我在addresses数组中设置了多个address对象,那么是否需要为这两个字段提供地址?
evar ss = jQuery.LiveAddress({
key: '5640108848371823003',
waitForStreet: true,
debug: true,
addresses: [{
country: '#pais',
street: '#calle',
city: '#ciudad',
state: '#estado',
zipcode: '#codigo'
},{
country: '#pais2',
street: '#calle2',
city: '#ciudad2',
state: '#estado2',
zipcode: '#codigo2'
}]
});