Contact Form 7
Trigger CF7 File upload field within a custom contact form Modal with JS (1 post)

  1. kyleform
    Posted 1 year ago #


    Was wondering if anyone has any idea's on how to alert the contact form 7 upload field within my form to send both the email and contact form 7 uploaded file. Sending two seperate emails isnt a problem.

    Just need my form to trigger CF7 to send the uploaded file aswell pretty much.

    The site is under dev at: http://rigmanoffshore.com.gridhosted.co.uk/drilling/

    <form id="contact" name="contact" action="#" method="post">
    			<input type="text" id="title" name="title" class="title" style="display: none;">
    			<input type="text" id="date" name="date" class="date" style="display: none;">
    			<input type="text" id="location" name="location" class="location" style="display: none;">
    			<input type="text" id="file" name="file" class="file" style="display: none;">
    			<label for="email">Your Name</label>
    			<input type="text" id="name" name="name" class="txt">
    			<label for="email">Phone Number</label>
    			<input type="text" id="phone" name="phone" class="txt">
    			<label for="email">Your E-mail</label>
    			<input type="email" id="email" name="email" class="txt">
    			<label for="msg">Comments / Details</label>
    			<input type="text" id="msg" name="msg" class="txt">
    			<?php echo do_shortcode( '[contact-form-7 id="174" title="Vacancy Form"]' ); ?>
    			<button id="send">Send E-mail</button>


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic