2011-06-06 17 views
6

मैं किसी वेबसाइट पर संपर्क फ़ॉर्म जोड़ने के लिए संपर्क फ़ॉर्म 7 वर्डप्रेस प्लगइन का उपयोग कर रहा हूं। इस फ़ॉर्म को उपयोगकर्ता के ईमेल पते के लिए दूसरा फ़ील्ड होना चाहिए, जिसकी तुलना किसी भी टाइपो को पकड़ने के लिए पहले की सामग्री से की जाती है। यह संपर्क और पंजीकरण रूपों का एक बहुत ही आम तत्व है।संपर्क फ़ॉर्म 7: क्या कोई 'ई-मेल की पुष्टि करें' इनपुट प्रकार है?

क्या कोई संपर्क फ़ॉर्म 7 टैग है जिसका उपयोग इस प्रकार की कार्यक्षमता को लागू करने के लिए किया जा सकता है? यदि नहीं, तो क्या कोई ऐसा करने के लिए प्लगइन को संशोधित कर सकता है जो मुझे समाधान की दिशा में इंगित करता है?

+0

कोशिश वही। – Constantin

+0

Constantin

उत्तर

4

चेक इस एक बाहर: http://wordpress.org/plugins/checkmail-validation-for-contact-form-7/

उनके मुताबिक: संपर्क प्रपत्र 7 के लिए

Checkmail मान्यकरण अपने फ़ॉर्म पर दोहरी जांच ईमेल क्षेत्र जोड़ सकते हैं और CF7 अजाक्स मान्यता के साथ ईमेल मैच की पुष्टि करें।

डबल ईमेल जांच इस प्लगइन संपर्क प्रपत्र 7 "Checkmail" है कि जब पर्चे को जमा एक डबल ईमेल जांच कर सकते करने के लिए अनुमति कहा जाता है में एक नए क्षेत्र में जोड़ें। नया क्षेत्र उपयोगकर्ताओं को दूसरे ईमेल में टाइप करके अपने ईमेल की पुष्टि करने के लिए कहेंगे।

यदि आप इसे अपने फॉर्म में करना चाहते हैं, तो आपको केवल "चेकमेल" फ़ील्ड को CF7 फॉर्म में जोड़ना होगा और वह ईमेल फ़ील्ड नाम दर्ज करना होगा जिसे आप देखना चाहते हैं। सत्यापन सीएफ 7 अजाक्स संचालित शैली द्वारा किया जाता है: फॉर्म सीएफ 7 जमा करने पर डबल ईमेल चेक होगा, यदि रिटर्न त्रुटि से मेल नहीं खाता है और उपयोगकर्ताओं को ईमेल पते सत्यापित करने के लिए कहता है।

3

मैं बिल्कुल यह खोज रहा था और यह मेरे लिए ठीक तरीके से काम कर रहा था। बनाओ दो क्षेत्रों संपर्क पर नीचे की तरह प्रपत्र -7 क्षेत्रों ..

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

कॉपी/अपने functions.php फ़ाइल में निम्न 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'); 

मैच के लिए filepath बदलने के लिए सुनिश्चित करें और उस पथ निर्देशिका में नीचे कोड के साथ एक जेएस फ़ाइल अपलोड करें।

// 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 Verify Email

3

प्लगइन अब इस के लिए एक आधिकारिक ट्यूटोरियल है: अगर वे कर रहे हैं की जाँच करने के दो ईमेल आदानों जोड़ने के लिए है, तो अपने पाद लेख में एक छोटी सी कंपनी के शेयर में लिखने

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

संबंधित मुद्दे