Javascript Wordpress-访问短代码HTML并添加表单验证以停止空表单提交？

我的搜索表单有问题，我正在使用WordPress插件
IMPress Listings和Search&Filter可显示属性列表分类。我已经在我的主页上添加了快捷码

---

删除插件创建的短代码表单（如果表单不会更改）



现在，在短代码的回调函数中使用表单添加您自己的短代码

    <?php add_shortcode( 'searchandfilter', 'my_search_form' );
    function my_search_form($atts, $content){
    //write you own form here
}
    ?>



在客户端验证表单

在页面的页眉中包含此js文件

将此代码放在包含的JS下面

<script>
$().ready(function() {
  $("#commentform").validate();
});
</script>


$（）.ready（函数（））{
$（“#commentform”）.validate（）；
});

并将ID应用于您的表单

<form action="" method="post" class="searchandfilter" id="commentform">



并根据需要设置输入框

<input id="cname" name="name" minlength="2" type="text" required="" aria-required="true">



有关更多详细信息，请转到此链接

我看到两个选项，第一个是编辑插件并直接编辑反html，以便加载带有验证的自定义表单。第二，是使用jQuery向表单中添加任何您想要的内容（以及验证）。谢谢，如果我选择选项二，我对jQuery不太熟悉，您知道我可以在哪里找到有关如何执行此操作的更多详细信息吗？您可以在此处找到关于jQuery的所有信息：，也可以选中此项以添加类：。注意通过jQuery/javascript验证表单。它们不是实现这一点的最佳解决方案。最好在服务器端这样做。谢谢，我的问题是我无法直接访问该表单，因为它看起来像是由插件生成的。该表单是针对房地产代理的，在添加新列表时会发生更改：/Ok，您可以在自己的短码中获取新添加的列表。。或者简单地将插件内的HTML短代码（它必须同时获取新列表）复制到您的短代码中，并为表单提供ID。
<form action="" method="post" class="searchandfilter" id="commentform">

<input id="cname" name="name" minlength="2" type="text" required="" aria-required="true">