お問い合わせページの「メモ: * は入力必須項目です」部分をカスタマイズする方法

お問い合わせページにあるフォームの下には「メモ: * は入力必須項目です」というテキストが自動で挿入されます。

Jimdoは海外産のため、もともとは「Note」という単語が訳されて、「メモ」となったためですね。


「*マークがついている項目は入力必須項目である」という意図に対して、「メモ」と言う言葉は日本語ではもっと異なる意訳として使われるので、違和感があります。


そこで、この文言を変更する手法のご紹介です。

「メモ」を「ご注意」に替える/*マークに色を付ける

[設定]より[ヘッダー部分を編集]をクリックし以下を記述します。


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

$('.cc-m-form-note').each(function(){

var txt = $(this).html();

$(this).html(txt.replace('メモ','ご注意'));

});

});

</script>

<style type="text/css">

span.j-m-required { color: #c00; }

</style>

これで、「メモ」が「ご注意」に変わり、「*」が赤くなります。

追記

2014年12月8日、「メモ」以外の記号「*」や続く「は入力必須項目です」と文言を変更するコードを追記します。

「ヘッダー部分を編集」に下記のコードを貼り付けてご利用ください。

「*」を「※」に替えるコード

<script type="text/javascript">

//<![CDATA[

$(function(){

$('.cc-m-form-note').each(function(){

var txt = $(this).html();

$(this).html(txt.replace('*','※'));

});

});

//]]>

</script>

「は入力必須項目です」を「は必ず入力してください」に替えるコード

<script type="text/javascript">

//<![CDATA[

$(function(){

$('.cc-m-form-note').each(function(){

var txt = $(this).html();

$(this).html(txt.replace('は入力必須項目です','は必ず入力してください'));

});

});

//]]>

</script>