主题 : 如何在页面加一个留言
级别: 举人
UID: 110142
积分:110 加为好友
威望: 4 精华: 0
主题:9 回复:59
注册时间:2017-01-22
在线时长:0
1#   发表于:2017-02-17 17:44:37  IP:61.219.*.*
想要在页面里面加一个简单的留言,怎么处理,是不是直接提交到guestbook.jsp   他返回的是json还是什么
级别: 总版主
UID: 10736
积分:148381 加为好友
威望: 205 精华: 42
主题:287 回复:126139
注册时间:2010-09-08
在线时长:15.55
2#   发表于:2017-02-18 08:43:54  IP:115.78.*.*
<section class="message_w860">
    <h1>发表留言</h1>
    <form id="guestbookForm" action="${base}/guestbook.jspx" method="post">
    <div class="message_inf">
      <div class="line"></div>
      <p><span>类别</span>
      <select name="ctgId">
      [@cms_guestbook_ctg_list siteId=site.id]
      [#list tag_list as ctg]
      <option value="${ctg.id}">${ctg.name}</option>
      [/#list]
      [/@cms_guestbook_ctg_list]
      </select>
      </p>
      <p><span>邮箱</span><input type="text" name="email" class="message_email" maxlength="100" /><span>手机号</span><input type="text" name="phone" maxlength="50" class="message_phone" /><span style="width:auto;">QQ</span><input type="text" name="qq" class="message_qq" /></p>
      <div class="line"></div>
      <p><span>标题</span><input type="text" name="title" class="message_title" maxlength="255" /></p>
      <p><span>内容</span><textarea name="content" cols="55" rows="4" class="message_txt"></textarea></p>
      <p><span>验证码</span><input type="text" name="captcha" maxlength="20" vld="{required:true}" class="message_code" /><img id="guestbookCaptcha" src="${base}/captcha.svl" onclick="this.src='${base}/captcha.svl?d='+new Date()"></p>
      <p style="margin-top:30px; position:relative;"><input type="hidden" name="sessionId" id="sessionId" /><input type="submit" id="submit" class="message_btn" value="发表留言" /><!--<a class="tolist">查看留言列表</a>--></p>
    </div>
    </form>                                           
            <script type="text/javascript">
            $(function() {
             $("#sessionId").val($.cookie("JSESSIONID"));
         $("#submit").click(function () {
                var options = {
                    url: 'guestbook.jspx',
                    type: 'post',
                    dataType: 'json',
                    data: $("#guestbookForm").serialize(),
                    success:  function (data) {
                 if(data.status==0) {
                    alert("留言成功");
                    location.href=location.href;
                } else if(data.status==1) {
                    alert("验证码错误");
                    $("#guestbookCaptcha").click();
                }
                    }
                };
                $.ajax(options);
                return false;
            });
            });
            
            </script>
  </section>
路漫漫其修远兮,吾将上下而求索!
级别: 总版主
UID: 10736
积分:148381 加为好友
威望: 205 精华: 42
主题:287 回复:126139
注册时间:2010-09-08
在线时长:15.55
3#   发表于:2017-02-18 08:44:13  IP:115.78.*.*
页面模板里加上上面留言标签
路漫漫其修远兮,吾将上下而求索!
1 共1页