phpcms 添加自定义表单 留言

phpcms\templates\default\formguide\添加模板

 

{template "content","header_page"}
<link href="{CSS_PATH}table_form.css" rel="stylesheet" type="text/css" />
<link href="{CSS_PATH}dialog.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{JS_PATH}dialog.js"></script>
<script src="{JS_PATH}new/jquery.validate.min.js" type="text/javascript"></script>
<script src="{JS_PATH}new/validate-methods.js" type="text/javascript"></script>
    <header class="header box" >
        <a href="{siteurl($siteid)}" class="goBack"></a>
        <div class="b_f1 title">在线留言</div>
        <a class="hSpace"></a>
    </header>
    <nav class="messageBar">
        <ul class="clearfix">
            <li class="messageTip active">查看留言</li>
            <li class="messageTip">我要留言</li>
        </ul>
    </nav>
    <section>
        <div class="messageL">
            <div class="box messageNull">
                <div class="nullImg"></div>
                <div class="b_f1">
                    <h3 class="nullH3">还没有人留言</h3>
                    <h5 class="nullH5">点击“我要留言”，快来留言吧！</h5>
                </div>
            </div>
        </div>
        <div class="messageL" style="display: none;">
        <form method="post" action="?m=formguide&c=index&a=show&formid=14&siteid=<?php echo $this->siteid;?>" name="myform" id="myform"  class="mailForm">
            <input type="text" placeholder="输入您的手机号码" name="info[mobile]" class="mailI" />
            <textarea class="mailMain" placeholder="输入您的留言正文" name="info[content]"></textarea>
            <input type="text" placeholder="输入您的姓名" name="info[name]" class="mailI" />
            <input type="text" placeholder="输入您的邮箱" name="info[email]" class="mailI" style="margin-top:0.625rem;" />
            <div class="yzmDiv clearfix">
                <div class="yzmDivL">
                    <input type="text" id="code" name="code" size="8" class="yzmDivI">
                </div>
                <a class="yzmImg">{form::checkcode('code_img', '4', '14', 84, 24)}</a>
            </div>
            <button type="submit" name="dosubmit" id="dosubmit" class="msgLBtn">发表留言</button>
        </form>
    </div>
    </section>
</article>
<script>
    /*表单验证*/
    $().ready(function() {
        // validate signup form on keyup and submit
        $(".mailForm").validate({
            rules: {
                info[mobile]: {
                    required: true,
                    isMobile: true
                },
                info[email]: {
                    required: true,
                    email: true
                },
                info[name]: {
                    required: true
                },
                code: {
                    required: true
                }
            },
            messages: {
                info[mobile]: {
                    required: "请输入您的手机号码",
                    isMobile: "请输入正确的手机号码"
                },
                info[email]: {
                    required: "请输入您的邮箱",
                    email: "请输入正确的邮箱地址"
                },
                info[name]: {
                    required: "请输入邮件标题"
                },
                code: {
                    required: "请输入验证码"
                }
            }
        });
    });
</script>
{template "content","footer_min"}

验证码添加如发送邮件类似