PbootCMS使用Ajax无刷新提交留言及表单
<form onsubmit="return submsg(this);"> 联系人<input type="text" name="contacts" required id="contacts"> 手 机<input type="text" name="mobile" required id="mobile"> 内 容<textarea name="content" id="content"></textarea> 验证码<input type="text" name="checkcode" required id="checkcode"> <img title="点击刷新" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" /> <button type="submit">提交留言</button> </form> |
Ajax提交
<script> //ajax提交留言,由于涉及到提交地址标签的解析,JS需要放在html文件中 function submsg(obj){ var url='{pboot:msgaction}'; //如果是自定义表单则使用地址{pboot:form fcode=*} var contacts=$(obj).find("#contacts").val(); var mobile=$(obj).find("#mobile").val(); var content=$(obj).find("#content").val(); var checkcode=$(obj).find("#checkcode").val(); $.ajax({ type: 'POST', url: url, dataType: 'json', data: { contacts: contacts, mobile: mobile, content: content, checkcode: checkcode }, success: function (response, status) { if(response.code){ alert("谢谢您的反馈,我们会尽快联系您!"); $(obj)[0].reset(); }else{ alert(response.data); } }, error:function(xhr,status,error){ alert('返回数据异常!'); } }); return false; } </script> |
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程:
- pbootcms后台“登录失败:表单提交校验失败,请刷新后
- PbootCMS增加同tag标签文章数量显示
- 修复PbootCMS文章状态为关闭时tag标签依旧显示问题
- pbootcms模板指定内容标签调用
- pbootcms模板内容详情页标签调用
- pbootcms翻页分页条标签如何调用
- pbootcms内容详情页标签调用
- pbootcms模板调用友情链接标签代码
- pbootcms模板调用幻灯片轮播图标签
- PbootCMS模板添加栏目提示:该内容栏目编号已经存在,
- pbootcms模板报错提示PHP Warning: Unknown: open_bas
- pbootcms模板详情页如何调用指定栏目的文章
常用PB教程
- pbootcms模板自动生成当前页面二维码
- PbootCMS数据库配置,修改为Mysql数据库,配置Mysql出
- PbootCMS提示:URL名称与模型URL名称冲突,请换一个名
- PbootCms缩略图裁剪优化居中裁剪(直接上干货)
- pbootcms模板内容详情页标签调用
- PbootCMS如何取消后台、留言、自定义表单验证码
- PbootCMS自定义前台404错误页面
- pbootcms模板如何调用当前站点网址和当前页面网址
- pbootcms模板栏目页如何调用当前栏目的文章
- PbootCMS搜索未搜索到任何数据,Pb多条件搜索
- pbootcms后台“登录失败:表单提交校验失败,请刷新后
- pbootcms伪静态教程