如何将SmartyStreets验证应用于同一页面中的两个表单
How can I apply SmartyStreets validation to two forms in the same page?
```.col-md-6%h3美国地址
%form.form-horizontal%标签街道地址%input.form-control{id:'street',名称:'street],样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签城市%input.form-control{id:'city',名称:'city],样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签状态%input.form-control{id:'state',名称:'sstate',样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签邮政编码%input.form-control{id:'zipcode',名称:'zipcCode',样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
.row%br%br%input.btn.btn-ss-alt.btn-lg{类型:"submit",名称:"commit",样式:"页边距底部:20px;浮动:右侧;页边距右侧:15px;填充:10px 72px;"}
.col-md-6%h3国际地址
%form.form-horizontal%标签街道地址%input.form-control{id:'street',名称:'street],样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签城市%input.form-control{id:'city',名称:'city],样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签状态%input.form-control{id:'state',名称:'sstate',样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
%标签邮政编码%input.form-control{id:'zipcode',名称:'zipcCode',样式:'页边距底部:10px;字体大小:13px;高度:30px"'}
.row%br%br%input.btn.btn-ss-alt.btn-lg{类型:"submit",名称:"commit",样式:"页边距底部:20px;浮动:右侧;页边距右侧:15px;填充:10px 72px;"}```
SmartyStreets插件只适用于第一种形式,不适用于第二种形式。
var liveaddress = $.LiveAddress({
key: #{ENV['SMARTY_STREETS']},
debug: true,
addresses: [{
street: '#street',
city: '#city',
state: '#state',
zipcode: '#zipcode'
}]
});
简单,只需将每个表单包装在表单标记中,并为每个字段分配一个不同的名称(或id)。插件会接收它。以下是使用自定义字段映射的两个表单的示例:
http://jsfiddle.net/p02qxh0L/69/
以下是一个使用自动映射在同一页面上有16个表单的示例:
https://smartystreets.com/docs/plugin/examples
示例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>
示例Javascript
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'
}]
});
- 在servlet中提交两个表单
- 填写表单后替换两个变量
- 我如何让我的脚本连续提交两个表单
- 如何将jsp表单传递到两个页面
- 当多个表单在同一页面中时,WTForms提交表单两次
- 使用 Javascript 显示 HTML 表中两个单元格之间的差异
- 如何防止用户提交表单两次
- 使用PDO查找来自两个不同表的两个值的SUM
- 如何限制用户提交表单两次
- Jquery表单-两个按钮-一个使用ajax,一个不使用
- 使用数据表比较两个列
- 当用户双击提交按钮时,需要避免向服务器提交表单两次
- 为什么link_to提交表单两次?
- 如何排列一个表的两个单元格
- jQuery验证提交表单两次
- 避免表单多个提交,并在完成后重新启用
- PHP表单- 2个按钮(一个销毁会话和重新加载页面和一个继续到下一页)
- jQuery绑定发送表单两次
- 不能用ajax提交我的表单两次
- 低调地提交Ajax表单两次