Question

<div class="grid">
<label> Name* </label>
 [text* your-name]
</div>

<div class="form-grid"><label> E-mail address* </label>
[email* your-email]
</div>
<div class="form-grid">
  <label> Mobile number </label>
  <div class="row">
    <div class="col-sm-3">
      [countrytext* countrytext-284 "india"]
    </div>
    <div class="col-sm-6">
     [tel tel-396]
    </div>
  </div>
</div>     
 <div class="form-grid">
     <label> What’s your project about?* </label>
    [textarea* your-message] 
  </div>
<div class="input_holder">[submit "Get in touch"]</div>

伙计们，我正在尝试使用联系表格7进行联系部分。但是我面临的问题是电话号码验证并不完美。当我们只输入2-3位数字或超过15位数字时，不显示任何错误消息或其他内容。同样，如果键入的是单词而不是数字，则不会显示错误。我们该如何解决呢？你能帮我吗？

Answer 1

确保像这样指定 minlength 和 maxlength ：

[tel* tel-396 minlength:4 maxlength:15]

Answer 2

您好，您可以使用此功能

function custom_filter_wpcf7_is_tel( $result, $tel )
 { 
 $result = preg_match( '/^\(?\+?([0-9]{1,4})?\)?[-\. ]?(\d{10})$/', $tel ); 
 return $result;
 } 
 add_filter( 'wpcf7_is_tel', 'custom_filter_wpcf7_is_tel', 10, 2 );

或者您也可以https://wordpress.org/plugins/international-telephone-input-for-contact-form-7/

使用此插件

带有最小值和最大值的电话号码验证-联系表7

2 个答案: