如何使用我的自定义按钮提交联系表格7

Question

正在研究contactform7插件，当我单击自定义按钮需要验证字段并提交contactform7时，任何人都可以向我建议代码。

Answer 1

你可以使用jquery和css。

首先使用以下代码从窗体中隐藏提交按钮。

.wpcf7-submit{display: none;}

现在，在您的自定义 js 文件或页脚中添加以下代码。

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#customid").click(function(){
jQuery('form.wpcf7-form').find('.wpcf7-submit').trigger( "submit" );      
});
});
</script>

这将为您工作。