I'm using Contact Form 7 for my Website contact form, and I have a required select (select*) dropdown to ask users to select the kind of their questions. In the dropdowm, I set a different email address for each kind of question using pipes "|" (http://contactform7.com/selectable-recipient-with-pipes/), so the email gets sent to the certain email address based on the kind of user's question.
Here's what I have:
<p class="dp"> [select* question-cat include_blank "Career firstname.lastname@example.org" "New business email@example.com" "Existing firstname.lastname@example.org" "General email@example.com"] </p>
And in Mail setting, in To field I have:
The code above was working fine when I first developed the site a few months ago, but it suddenly stopped working recently:
1). It does not pick up the email addresses after the "|" symbol, so [question-cat] is empty, which gives me (or the users) an error saying "Failed to send your message" with a red border around it when attempting to submit the form, and no email gets sent.
2). The form validation on this select seems to be messed up - I set this dropdown "required" (select*), and it gives a validation error even though you choose one of the options.
For the problem 1), I found out that if I don't use "|", the form works fine perfectly (the problem 2) still occurs), so I believe it's something to do with how I set up "|" for selectable email recipient. And most importantly both problem 1) and 2) occur only in Chrome and Safari - it all works fine in Firefox.
I also noticed that even though you get the "failed" error when submit the form due to the problem 1), the information (except for [question-cat]) still does get sent to the database if I check it using Contact Form DB extension.
I use the latest version of WordPress: 3.5.1
and just updated Contact Form 7 to 3.4 from 3.3.3.
Also, I use Select Box jQuery Plugin for select field replacement.
Thanks a bunch in advance!