用jQuery提交formcraft提交

时间:2018-05-23 14:53:25

标签: javascript jquery html wordpress formcraft

我正在使用Wordpress构建一个网站,我正在使用Formcraft插件,因为它非常好用且易于使用。

我想将数据发送到我的mongoDB服务器API端点(我正在使用mLab服务),但不幸的是,点击后它没有加载数据。

所以我想我可以在页面上添加一个jQuery脚本来捕获点击和表单字段并以我的方式将其发送到服务器。

<button type="submit" class="button submit-button">
<span class="text ">Send request</span>
<span class="spin-cover">
<i style="color:" class="loading-icon icon-cog animate-spin"></i>
</span>
</button>

我该怎么办,只有该领域的班级?

提前致谢

1 个答案:

答案 0 :(得分:0)

感谢Taplar的答案(以及耐心)。

我设法找到了我正在寻找的答案,如果有人在寻找它,我会在这里发布。

通过jQuery很容易扩展Formcraft插件的功能。

检查插件生成的源代码,可以看到字段的完成方式。 他们都有这个共同点:&#34; data-field-id =&#39; fieldN&#39;&#34;。

可以简单地将此代码添加到Wordpress页面:

jQuery("[data-field-id='field1']").click(function($){
        alert('hi');
    });

我缺少的是选择者的正确知识 我在官方文档here

中找到了很好的答案