使用 WordPress 内置的 jQuery Form 表单实现 Ajax 表单提交

WordPress内置了jQuery插件——jQueryForm

我是一个热衷于WordPress开发的小本本，今天想给大家介绍一下在表单提交方面十分有用的一个WordPress内置jQuery插件——jQueryForm。

如何使用jQueryForm插件

首先，我们需要在Head中包含“jquery-form”，这个十分简单，只需要用以下代码就可以：

function my_form_method(){
    wp_enqueue_script('jquery-form');
}
add_action('wp_enqueue_scripts', 'my_form_method');

然后，我们就可以使用AjaxForm插件来提交表单了。以下是代码实例：

jQuery('#myForm1').ajaxForm({
    data:{
        //和表单字段一起提交的附加信息
    },
    dataType:'json',
    beforeSubmit:function(formData,jqForm,options){
        //表单提交前的工作，一般做表单验证用
    },
    success:function(responseText,statusText,xhr,$form){
        //表单提交成功后返回的信息
    }
});

如果需要更多的选项，可以查看jQueryForm官方文档。

总结

使用WordPress内置的jQuery插件jQueryForm来实现表单提交的过程十分简单方便，能够大大提高工作效率，推荐给大家。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。