問題タブ [amp-form]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
forms - デフォルトの開始オプションを許可しないように amp-form の Select フィールドを検証する方法は?
「場所の選択」というオプションで始まる選択フィールドがあり、送信する前にユーザーに何かを選択させたいと考えています。オプションが利用可能になるまで[送信] ボタンを無効にするという記事を見ましたamp-bindが、可能であれば amp-form に組み込まれている検証を使用したいと考えています。
フィールドとフィールドでpattern属性を使用してみました。私は似たようなものや複数のバリエーションを使用しましたが、成功しませんでした。<select><option>pattern="^((?!default).)*$"
値を変更せずに [送信] をクリックすると、検証エラーが表示されるはずですが、表示されません。選択フィールドでこの検証方法を使用することは可能ですか? それとも、前述の amp-bind メソッドを使用する必要がありますか?
google-analytics - amp-form 送信成功時に amp ページで google amp-analytics イベントを発生させる
AMP で送信成功後にイベントを発生させようとしています。
現時点では、dataLayer.push() と送信を使用しています: カテゴリ、アクション、およびラベル。
このドキュメントの例で成功イベントを発生させる方法https://amp.dev/documentation/components/amp-form/#analytics-triggers
これはドキュメントからのコードです。
amp-html - 公式ドキュメントのコードを使用しても、amp-form の検証が機能しない
コンポーネントにカスタム フィールド検証を実装しようとしていamp-formますが、すべての努力が無駄です。
ただし、XHR request returns a valid JSONフィールドは無効にならず、エラー メッセージは表示されません。
公式ドキュメントのコードを試してみました: https://amp.dev/documentation/components/amp-form/?referrer=ampproject.org#verification運が悪い.
Git コード サンプル: https://github.com/ampproject/amphtml/blob/main/examples/forms.amp.htmlに目を向けても、まだ何もありません。
誰かが私が間違っていることを教えてもらえますか?
完全なコードは次のとおりです: AMP Playground
これが私のスクリプトの添付ファイルです：
そして、ここに私のフォームがあります：
返される JSON は次のとおりです。
完全なコードはAMP Playgroundにあります