2つの入力内容を一致確認(v4.2.3~)

メールアドレスをもう一度入力して下さい。みたいなものを他の入力欄でも使いたい場合に使うための機能です。

例えばパスワードだったり、お客様番号だったり、間違ってたらちょっとシャレにならない系の入力内容を2回入力させて一致姓を確認するための機能です。一致しない場合はエラーを返します。

本機能を利用する場合はconfig.cgi内の

push @AddOns,'confirm.js';

を有効にします。

実装は、確認用エレメントにdata-confirm="本体のエレメント名"という感じで指定します。

コメント欄

2020-10-16 12:54:13KEIJIさん
メールアドレスを入力しますと、ある一定の文字数を超えると誤字があっても一致扱いになってしまいます。メールアドレスでは効かないのでしょうか?
2020-10-18 08:38:43和田憲幸さん
該当の現象がこちらでは確認できませんでした。再現するための方法を教えていただくことは可能でしょうか?コメント欄ではアレなのでお問合せフォームよりメールでご連絡いただいても大丈夫です。
2021-05-19 09:35:48キタガワさん
上記の方法で試してみたのですが、エラーメッセージが表示されません。
下記が該当箇所になります。

<input type="tel" data-type="tel" name="電話番号" size="16" data-min="9" placeholder="ハイフンなし" required="required">平日日中ご連絡の可能な番号

<input type="tel" data-type="tel" name="電話番号(確認用)" size="16" data-min="9" placeholder="ハイフンなし" data-confirm="電話番号">

config.cgi内のpush @AddOns,’confirm.js’; も有効にしましたが、何が違うのでしょうか?
2024-01-15 19:04:01木俣匡喜さん
上記の方法で試してみたのですが、再入力の欄が未入力の状態で送信できてしまいます。エラーメッセージも表示されません。
ソースは下記の通りです。
config.cgi内のpush @AddOns,’confirm.js’; も有効になっています。

<p>メールアドレス(ユーザーID兼用)</p>
<input type="email" name="email" id="email_1" value="" placeholder="例)jsp@jsp21.co.jp" data-conv-half-alphanumeric="true" required="required">

<p>メールアドレス再入力</p>
<input type="email" name="メールアドレス再入力" id="email_check" value="" data-conv-half-alphanumeric="true" data-post-disable="1" data-confirm="email">

<p>パスワード</p>
<input type="password" name="パスワード" id="password" placeholder="4~10文字の半角英数字で入力してください" data-max="10" data-min="4" data-charcheck="digit_and_alphabet" required="required">

<p>パスワード再入力</p>
<input type="password" name="パスワード再入力" id="password_check" placeholder="4~10文字の半角英数字で入力してください" data-max="10" data-min="4" data-charcheck="digit_and_alphabet" data-post-disable="1" data-confirm="パスワード">
2024-01-15 22:29:19和田さん
この情報だけだとちょっとわからないので、可能であればお問合せフォームより一度お問い合わせいただけますでしょうか。