Contact Form 7验证让我抓狂

Question

几天来，我一直在尝试使用Contact Form7插件在Wordpress中实现一系列表单的验证。它似乎一直很受欢迎，似乎没有其他人有和我一样的问题。

我需要验证所有的输入，所以我安装了jquery-validation-for-contact-form-7插件，其中包括电子邮件和其他内容。

我的表单都不能正确验证。主要的是一个简单的调用请求表单，它位于一个模式中，通过头部中的一个链接触发。我想知道是不是这个模式造成了问题，所以我创建了一个测试帖子，里面有表单。

如果字段为空，但“发送”按钮根本不起作用，则会出现错误。更复杂的是，侧边栏中还有另一个表单，当该表单完成并按下submit按钮时，另一个表单上的验证错误就会出现！

我真的搞不懂这件事。我曾经考虑过把所有的表单都拉出来，从头开始写，实现我自己的验证，但重新发明轮子似乎很愚蠢。如果能帮上忙我将不胜感激。

抱歉，忘记添加链接了！

http://trustedlocalsuppliers.com/test-form/

Answer 1

我在谷歌上搜索了这里的许多其他人，问题是CF7在一段时间前更改了它的代码，你会发现旧的例子。下面是我使用的CF7 4.2版的工作示例：

function custom_email_validation_filter($result, $tag) {     
    $tag = new WPCF7_Shortcode( $tag );
    $name = $tag->name;
    if($name == 'your-email') { // Only apply to fields with the form field name of "your-email"  
         $the_value = $_POST[$name];  
         if( (substr($the_value, -10) !== '@gmail.com') ) {  
              $result->invalidate($tag, "This is not a gmail address!");
         };  
    };  
    return $result;  
};
add_filter('wpcf7_validate_email','custom_email_validation_filter', 10, 2); // Email field  
add_filter('wpcf7_validate_email*', 'custom_email_validation_filter', 10, 2); // Required Email field