8

Contact Form 7 Wordpress プラグインを使用して、Web サイトに連絡フォームを追加しています。フォームには、ユーザーの電子メール アドレス用の 2 番目のフィールドが必要です。これは、タイプミスを検出するために最初の内容と比較されます。これは、連絡先および登録フォームの非常に一般的な要素です。

このタイプの機能を実装するために使用できる Contact Form 7 タグはありますか? そうでない場合、これを行うためにプラグインを変更した人は、解決策の方向性を教えてくれますか?

4

3 に答える 3

7

プラグインには、これに関する公式のチュートリアルがあります。

http://contactform7.com/2015/03/28/custom-validation/

于 2015-09-16T07:28:46.037 に答える
5

これをチェックしてください：http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/

彼らによると：

Contact Form 7 の Checkmail Validation は、ダブル チェック メール フィールドをフォームに追加し、CF7 Ajax 検証とメールの一致を確認します。

ダブルメールチェック このプラグインは、Contact Form 7 に「Checkmail」と呼ばれる新しいフィールドを追加し、フォーム送信時にダブルメールチェックを実行できるようにします。新しいフィールドは、2 番目のフィールドに入力して電子メールを確認するようにユーザーに求めます。

フォームでこれを行いたい場合は、「Checkmail」フィールドを CF7 フォームに追加し、チェックしたいメール フィールド名を入力するだけです。検証は、CF7 Ajax を利用したスタイルによって行われます。フォームを送信すると、CF7 は二重の電子メール チェックを行い、一致しない場合はエラーを返し、ユーザーに電子メール アドレスを確認するように求めます。

于 2013-07-29T11:56:55.357 に答える
5

私はこれを正確に検索していましたが、別の方法でうまく機能しました。Contact Form-7 フィールドに以下のように 2 つのフィールドを作成します。

[email* email placeholder "Email"]
[email* email-confirm placeholder "Confirm Email"]

以下の php コードをコピーして functions.php ファイルに貼り付けます

function register_scripts() {
  if ( !is_admin() ) {
    // include your script
    wp_enqueue_script( 'email-confirm', get_bloginfo( 'template_url' ) . '/js/email-confirm.js' );
  }
}
add_action( 'wp_enqueue_scripts', 'register_scripts' );

ファイルパスを一致するように変更し、以下のコードを含む js ファイルをそのパス ディレクトリにアップロードしてください。

    // First we trigger the form submit event
jQuery( document ).ready( function () {
    jQuery('.wpcf7-submit').click(function () {
        // We remove the error to avoid duplicate errors
        jQuery('.error').remove();
        // We create a variable to store our error message
        var errorMsg = jQuery('<span class="error">Your emails do not match.</span>');
        // Then we check our values to see if they match
        // If they do not match we display the error and we do not allow form to submit
        if (jQuery('.email').find('input').val() !== jQuery('.email-confirm').find('input').val()) {
            errorMsg.insertAfter(jQuery('.email-confirm').find('input'));
            return false;
        } else {
        // If they do match we remove the error and we submit the form
            jQuery('.error').remove();
            return true;
        }
    });
} );

私は自分のサイトでそれを使用しており、正常に動作しています。これが私のような人に役立つことを願っています。

参照: Contact Form 7 メールの確認

于 2015-03-10T12:00:55.533 に答える