2つの入力内容を一致確認(v4.2.3~)
メールアドレスをもう一度入力して下さい。みたいなものを他の入力欄でも使いたい場合に使うための機能です。
例えばパスワードだったり、お客様番号だったり、間違ってたらちょっとシャレにならない系の入力内容を2回入力させて一致姓を確認するための機能です。一致しない場合はエラーを返します。
本機能を利用する場合はconfig.cgi内の
push @AddOns,'confirm.js';
を有効にします。
実装は、確認用エレメントにdata-confirm="本体のエレメント名"という感じで指定します。
コメント欄
下記が該当箇所になります。
<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’; も有効にしましたが、何が違うのでしょうか?
ソースは下記の通りです。
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="パスワード">