MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


【パピコ様】submitへのjavascriptの挿入方法

何度も申し訳ありません。
お問い合わせフォームの送信ボタンに関しての質問です。
お問い合わせフォーム内にあるsubmitボタンは以下のようになっております。
[submit id:submit class:submit “送信する”]

このコードにjavascriptを入れたいと思っています。
javascriptを入れるために以下のように記述しましたがうまくいきません。
[submit id:submit class:submit onclick:DisableButton(this) “送信する”]
正しいコードの書き方があれば教えてほしいです。
いれたいjavascriptはこちらです。

function DisableButton(b)
{
b.disabled = true;
b.value = ‘Submitting’;
b.form.submit();
}

回答

パピコさま
ご相談ありがとうございます。

ショートコードのようなものでフォームを作成する形のようですが、なんのシステムのコードなのかが分からないため、僕にはアドバイスができません。

一つアドバイスできるとしたら、
[submit id:submit class:submit onclick:DisableButton(this) “送信する”]
という書き方で保存したとき、実際のHTMLのソースにonclick=”DisableButton()”が反映されているのかどうかではないでしょうか。

そういった書き方に対応しているシステムであれば先ほどのスクリプトの書き方で問題ないかもしれません。(※コードの整合性、システムとの互換についてはまた別のお話です)
対応していない場合は[]の中にJSを独自に追加することが出来ない仕様になっているか、他に書き方が決まっているかです。(そのシステムのサポートを確認してみましょう)

参考にして頂ければ幸いです。

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA