問題タブ [smartystreets]

Smarty Streets Live Address 検証を使用するフォームがあります。一般的にはうまく機能します。ただし、ユーザーが住所情報の入力を開始した場合、実際の住所の検証が邪魔になる可能性があります。発生する最も具体的な問題は、住所情報が入力されたが、ユーザーがフォームをキャンセルすることを選択した場合です。Live Address 検証は操作よりも優先され、検証を無効にしてフォームをクリアしようとする試みをブロックします。

問題のフィドルの例は、ここにあります。

データが入力されていない場合、クリック イベントは目的どおりに機能しますが、住所情報が入力されると、Live Address 検証によってイベント ハンドラーが起動されなくなります。

キャンセル ボタンをクリックすると、フォームはクリアされるか、前のページに戻る必要がありますが、代わりに Live Address 検証が引き継ぎ、他のすべてのアクションをブロックします。

ボタン クリック イベントで Live Address 検証を無効にするにはどうすればよいですか?

Smarty Street オートコンプリート コントロールを使用しています。「ENTER」を使用して選択を容易にするために、キーダウンイベントを添付しようとしています。

なぜこれが機能しないのかわかりません。コードは @ http://plnkr.co/edit/1OdVQ81s4BbE9RO2Usv4?p=previewです。

どんな助けでも本当に感謝しています。

ありがとう

SmartyStreets API を実装して住所 (通り、市、州) をフォームから検証しようとしています。私はAJAX実装なしで実装しましたが、AJAX実装に切り替えると. それは動作しません？JSONP を使用する必要性について調べましたが、SmartyStreets API に直接 POST するために AJAX を使用していません。代わりに、検証する PHP スクリプトに投稿しています。アドレス リクエストをキャッシュし、バックエンドで検証済みのアドレスをレスポンスとともにキャッシュするなど、他のことを行う予定です。SmartyStreets API にアクセスするためのドメイン キーを作成しましたが、CORS ポリシーにより、これはまだ機能しないと思います。

これは私の住所確認フォームです:

これは、私のアドレスを AJAX POST するための私の PHP スクリプトです。

``` .col-md-6 %h3 米国住所

%form.form-horizo​​ntal %label Street Address %input.form-control{id: 'street', name: 'street', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label City %input.form-control{id: 'city', name: 'city', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label State %input.form-control{id: 'state', name: 'state', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label ZIP Code %input.form-control{id: 'zipcode', name: 'zipcode', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

.row %br %br %input.btn.btn-ss-alt.btn-lg{type: "submit", name: "commit", style: "margin-bottom:20px;float:right;margin-right: 15px;パディング:10px 72px;"}

.col-md-6 %h3 国際アドレス

%form.form-horizo​​ntal %label Street Address %input.form-control{id: 'street', name: 'street', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label City %input.form-control{id: 'city', name: 'city', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label State %input.form-control{id: 'state', name: 'state', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

%label ZIP Code %input.form-control{id: 'zipcode', name: 'zipcode', style: 'margin-bottom: 10px;font-size:13px;height:30px"'}

.row %br %br %input.btn.btn-ss-alt.btn-lg{type: "submit", name: "commit", style: "margin-bottom:20px;float:right;margin-right: 15px;パディング:10px 72px;"} ```

SmartyStreets プラグインは最初のフォームにのみ適用され、2 番目のフォームには適用されません。

var liveaddress = $.LiveAddress({ key: #{ENV['SMARTY_STREETS']}, debug: true, addresses: [{ street: '#street', city: '#city', state: '#state', zipcode: '#zipcode' }] });

私はこの奇妙な問題に直面しています。Smarty Streets を使用して住所を確認しています。ドキュメントによると、Smarty Streets API でフィールドをマップすると、検証済みの目盛りが zip フィールドに自動的にバインドされます。

ご覧のとおり、コードで 5 セットのフィールドをマッピングしています。

問題は、互いに重なっている 1 つのフィールドに 5 つの目盛りが表示されていることです。クラス名は.Smarty-tag、API を介して呼び出されるため、すべてのティックに使用されます。

どうすればこの問題を解決できますか? その目盛りのみがそれにバインドされているフィールドで表示されます。他の人はすべきではありません。