Question

如何在Wordpress联系表单7插件中创建自定义手机号码验证是否可以请帮助我。实际上我想只有有效的手机号码允许这个字段没有采取任何其他字符为ex- 9708644571

Answer 1

要使用电话号码验证，您需要按照下面的示例设置号码字段。

[number* your-number min:9 max:10 step:3 class:required "40"]

参考链接：CF7

Answer 2

如果您想对手机号码使用自定义验证，那么您也可以使用jQuery。

就像这样：

$('.wpcf7-form .custom-field-class input').on('keypress', function(e) {
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 43 || e.which > 57)) {
          return false;
     }
});

将此文件放在表单存在的页面模板中，或放在footer.php或自定义js文件中。

请将custom-field-class替换为您的输入字段包装类，或者您可以修改您的类和＆amp;根据您的要求输入名称。

希望，这可能对您有所帮助。

Answer 3

// Phone number validation : format and 10 digits
// Add code in your functions.php file 

function custom_contact_validation_filter( $result, $tag ) {

       // 'contact': is name of tag in contact form

       if ( 'contact' == $tag->name ) {
           $re_format = '/^[0-9]{10}+$/';  //9425786311
           $your_contact = $_POST['contact'];

           if (!preg_match($re_format, $your_contact , $matches)) {
                $result->invalidate($tag, "Enter 10 digits only" );
           }

       }

       return $result;
 }

add_filter( 'wpcf7_validate_text*', 'custom_contact_validation_filter', 10, 2 );

add_filter( 'wpcf7_validate_text', 'custom_contact_validation_filter', 10, 2 );

如何以联系表格7进行手机号码验证？

3 个答案: