限制wordpress默认搜索的最小字符数

Question

这是我的网站的woocommerce产品page 正如您所看到的，我使用了两个搜索：第一个上面的联系人菜单项和第二个侧边栏。首先搜索是模板默认搜索，第二个搜索是woocommerce产品搜索部件。

我的目标是限制两个搜索中的字符数。我在woocommerce产品搜索部件中拥有此代码，并且效果很好。刚刚尝试用少于17个字符的搜索，你会明白我的意思：

<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url(home_url('/' )); ?>"> 
<label class="screen-reader-text" for="s"><?php _e('', 'woocommerce'); ?></label> 
<input pattern=".{17,}" required title="17 characters minimum" class="search-field" placeholder="<?php echo esc_attr_x('Search Products&hellip;', 'placeholder', 'woocommerce'); ?>" value="<?php echo get_search_query(); ?>" name="s" title="<?php echo esc_attr_x('Search for:', 'label', 'woocommerce'); ?>" /> 
<input type="submit" value="<?php echo esc_attr_x('Search', 'submit button', 'woocommerce'); ?>" /> 
<input type="hidden" name="post_type" value="product" /> 

但相同的代码（复制/粘贴后）没有为第一次搜索工作。 这是第一个/模板默认搜索代码：

<div class="widget-search"> 
<form action="<?php echo esc_url(get_home_url()); ?>/" class="searchform" id="searchform" method="get" role="search"> 
    <input type="search" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="<?php _e('Search...', 'pixar'); ?>"> 
    <button type="submit"> <i class="fa fa-search"></i> </button> 
</form> 
</div> 

如何获得模板默认搜索同样的结果？简单的复制/粘贴不起作用。

Answer 1

尝试实现这个片段，我希望这个代码将有助于

<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css"> 
 
    
 
<form id="myform"> 
 
<label for="field">Required, minimum length 17: </label> 
 
<input type="text" class="" id="" name="field5"> 
 
<br/> 
 
<br/> 
 
<input type="submit" value="Validate!"> 
 
</form> 
 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
 
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> 
 
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script> 
 
<script> 
 
// just for the demos, avoids form submit 
 
jQuery.validator.setDefaults({ 
 
    debug: true, 
 
    success: "valid" 
 
}); 
 
$("#myform").validate({ 
 
    rules: { 
 
    field5: { 
 
     required: true, 
 
     minlength: 17 
 
    } 
 
    } 
 
}); 
 
</script>

只是不停的形式和输入字段name属性相同的id