一、检查插件是否已安装，如果未安装，则点击安装插件
二、安装成功之后，在应用-》插件管理-》留言管理，可以看到客户留言的内容。
三、模版文件
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
5 <title>{site.seo_title}</title>
6 <meta name="keywords" content="{site.seo_keywords}"/>
7 <meta name="description" content="{site.seo_description}"/>
8 <meta name="author" content="广州水禾田软件科技有限公司"/>
9 <meta name="generator" content="广州水禾田软件科技有限公司"/>
10
11 <!--添加表单验证的样式表文件（如果需要的话）-->
12 <link href="/css/validate.css" rel="stylesheet" />
13 <!--添加对话框检查的样式表文件-->
14 <link href="/scripts/artdialog/ui-dialog.css" rel="stylesheet" />
15 </head>
16
17 <body>
18 <!--此处form元素的ID属性值【formSubmit】，是调用AjaxInitForm函数时需要用到的第一个参数值，form元素的url属性值是发送ajax请求时用到的url-->
19 <form url="/plugins/Feedback/ajax.ashx?action=feedback_add" id="formSubmit">
20 <table class="tab_1">
21 <tr>
22 <td class="tab_lt"><span class="red_x">*</span>联系人：</td>
23 <td>
24 <input name="UserName" type="text" size="35" maxlength="32" datatype="*" nullmsg="请填写联系人" sucmsg=" " />
25 <span class="Validform_checktip">请填写您的姓名，方便我们联系您</span>
26 </td>
27 </tr>
28 <tr>
29 <td class="tab_lt">联系电话：</td>
30 <td>
31 <input name="Tel" type="text" />固定电话(区号-电话号码-分机)
32 </td>
33 </tr>
34 <tr>
35 <td class="tab_lt"><span class="red_x">*</span>手机号码：</td>
36 <td>
37 <input name="Mobile" type="text" size="35" maxlength="16" datatype="m" nullmsg="请填写您的手机号码" sucmsg=" " errormsg="手机号码格式错误" />
38 <span class="Validform_checktip">请填写您的手机号码</span>
39 </td>
40 </tr>
41 <tr>
42 <td class="tab_lt"><span class="red_x">*</span> 电子邮件：</td>
43 <td>
44 <input name="Email" type="text" size="35" maxlength="128" datatype="e" nullmsg="请填写您的电子邮件" sucmsg=" " errormsg="电子邮件格式错误" />
45 <span class="Validform_checktip">请填写您的电子邮件</span>
46 </td>
47 </tr>
48 <tr>
49 <td class="tab_lt tab_bz"><span class="red_x">*</span>备注：</td>
50 <td>
51 <textarea name="Content" cols="80" rows="5" class="ks5" datatype="*" nullmsg="请填写问题描述" sucmsg=" "></textarea>
52 <span class="Validform_checktip">请填写问题描述</span>
53 </td>
54 </tr>
55 <tr>
56 <td></td>
57 <td>请填写您的<span class="span_1">问题描述</span>，有您的支持，是我们不断前进的动力，<span class="span_1">感谢您的支持！</span></td>
58 </tr>
59 <tr id="cntrVerCode">
60 <td class="tab_lt"><span class="red_x">*</span> 验证码：</td>
61 <td>
62 <input name="Code" type="text" size="15" maxlength="8" datatype="s4-5" nullmsg="请填写验证码" sucmsg=" " />
63 <a class="p hd" href="javascript:;" onclick="ToggleCode(this, ‘/tools/verify_code.ashx‘);">
64 <!--读取验证码图片-->
65 <img class="code-img" src="/tools/verify_code.ashx" />
66 </a>
67 </td>
68 </tr>
69 <tr>
70 <td></td>
71 <td>
72 <input type="hidden" name="SiteName" value="{site.build_path}"/>
73 <!--此处input元素的ID属性值【btnSubmit】是调用AjaxInitForm函数时需要用到的第二个参数值-->
74 <input type="submit" id="btnSubmit" value="提 交" class="btn-submit" />
75 <input type="reset" class="btn-submit" value="重 填" />
76 <!--此处input元素的ID属性值【urlId】是调用AjaxInitForm函数时需要用到的第四个参数值，它的值是自定义发送ajax请求时用到的url，一般很少用到这个参数，可以删掉-->
77 <input type="hidden" id="urlId" value=""/>
78 </td>
79 </tr>
80 </table>
81 </form>
82
83 <!--其他插件需要用到该jQuery类库文件-->
84 <script src="/scripts/jquery/jquery-1.11.2.min.js"></script>
85 <!--表单验证插件，使用说明参见：http://validform.rjboy.cn/document.html -->
86 <script src="/scripts/jquery/Validform_v5.3.2_min.js"></script>
87 <!--表单提交插件-->
88 <script src="/scripts/jquery/jquery.form.min.js"></script>
89 <!--对话框插件，显示提示信息时用到，使用说明参见：http://aui.github.io/artDialog/doc/index.html -->
90 <script src="/scripts/artdialog/dialog-plus-min.js"></script>
91 <script>
92
93 //文档加载完成时执行表单验证和提交的方法
94 $(function () {
95 AjaxInitForm("formSubmit", "btnSubmit", 1);//此处不需要用到第四个参数，可以不写
96 })
97
98 //自定义函数，用于表单验证和提交
99 function AjaxInitForm(formId, btnId, isDialog, urlId) {
100 var formObj = $(‘#‘ + formId);
101 var btnObj = $("#" + btnId);
102 var urlObj = $("#" + urlId);
103
104 //表单验证
105 formObj.Validform({
106 tiptype: 3,
107 callback: function (form) {
108 //表单提交
109 $(form).ajaxSubmit({
110 beforeSubmit: formRequest,
111 success: formResponse,
112 error: formError,
113 url: formObj.attr("url"),
114 type: "post",
115 dataType: "json",
116 timeout: 60000
117 });
118 return false;
119 }
120 });
121
122 //表单提交之前执行函数
123 function formRequest(formData, jqForm, options) {
124 btnObj.prop("disabled", true);
125 btnObj.val("提交中...");
126 }
127
128 //表单提交成功时执行函数
129 function formResponse(data, textStatus) {
130 //表单提交成功时，data.status为1，否则为0
131 if (data.status == 1) {
132
133 btnObj.val("提交成功");
134 if (isDialog == 1) {
135 var d = dialog({
136 content: data.info
137 });
138 d.show();
139 setTimeout(function() {
140 d.close().remove();
141 }, 2000);
142 }
143 if (data.url) {
144 location.href = data.url;
145 } else if (urlObj.length > 0 && urlObj.val() != "") {
146 location.href = urlObj.val();
147 } else {
148 location.reload();
149 }
150
151 } else {
152 var d = dialog({
153 content: data.info
154 });
155 d.show();
156 setTimeout(function () {
157 d.close().remove();
158 }, 2000);
159 btnObj.prop("disabled", false);
160 btnObj.val("重新提交");
161 }
162 }
163
164 //表单提交出错时执行函数
165 function formError(XMLHttpRequest, textStatus, errorThrown) {
166 var d = dialog({
167 content: "Status：" + textStatus + "；Error：" + errorThrown
168 });
169 d.show();
170 setTimeout(function () {
171 d.close().remove();
172 }, 2000);
173 btnObj.prop("disabled", false);
174 btnObj.val("重新提交");
175 }
176 }
177
178 //切换验证码函数
179 function ToggleCode(obj, codeurl) {
180 $(obj).children("img").eq(0).attr("src", codeurl + "?time=" + Math.random());
181 return false;
182 }
183 </script>
184 </body>
185 </html>
时间： 2024-08-25 20:22:09