首页 游戏资源分享 手游技术交流 蚂蚁cms 手机版发布 页面加载时恢复表单数据
0赞
赞赏
手机版
扫码打开手机版
把文字装进口袋

蚂蚁cms 手机版发布 页面加载时恢复表单数据

糖果 2026-1-24 10:09:44
<!DOCTYPE html>
<html lang="zh-CN" class="index_page">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
    <title>{$page_title}</title>
    <meta name="description" id="description" content="{$page_title}" />
    <link type="text/css" rel="stylesheet" href="{$mayimobile[mobiledomain]}/template/css/global.css">
    <link type="text/css" rel="stylesheet" href="{$mayimobile[mobiledomain]}/template/css/style00.css">
    <link type="text/css" rel="stylesheet" href="{$mayimobile[mobiledomain]}/template/css/post.css">
    <link type="text/css" rel="stylesheet" href="{$mayimobile[mobiledomain]}/template/css/loginyz.css">
    <link href="{$mayimobile[mobiledomain]}/template/images/post.css" rel="stylesheet" type="text/css" />
<link href="/m/template/img/base.css" rel="stylesheet" type="text/css">  
<link href="/m/template/img/common.css" rel="stylesheet" type="text/css">

<link href="/m/template/img/font-awesome.min.css" rel="stylesheet" type="text/css">
<script src="{$mymps_global[SiteUrl]}/template/default/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{$mymps_global[SiteUrl]}/template/default/js/validator.common.js"></script>
<script type="text/javascript" src="{$mymps_global[SiteUrl]}/template/default/js/validator.js"></script>
<script type="text/javascript" src="{$mymps_global[SiteUrl]}/template/default/js/sendsms{echo $mymps_imgcode == 1 ? '' : 2;}.js"></script>
<script src="{$mymps_global[SiteUrl]}/template/default/js/global.js" type="text/javascript"></script>
<script>window['current'] = '{echo $id ? "修改" : "发布"}信息';</script>
<style>.cfix {display: flex;align-items: center;}#smscode {margin-left: 100px;white-space: nowrap;}</style>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const telInput = document.querySelector('input[name="mobile"]');
            const mobileInput = document.querySelector('input[name="tel"]');

            telInput.addEventListener('input', function () {
                mobileInput.value = this.value;
            });

            // 保存表单数据到sessionStorage
            const form = document.getElementById('form1');
            const inputs = form.querySelectorAll('input, textarea, select');

            // 页面加载时恢复表单数据
            inputs.forEach(input => {
                const savedValue = sessionStorage.getItem('form_' + input.name);
                if (savedValue !== null && input.name !== 'manage_pwd') { // 密码字段不恢复
                    input.value = savedValue;
                }
            });

            // 输入时保存数据
            inputs.forEach(input => {
                input.addEventListener('input', function() {
                    if (this.name) {
                        sessionStorage.setItem('form_' + this.name, this.value);
                    }
                });
            });

            // 表单提交成功后清除缓存
            form.addEventListener('submit', function() {
                inputs.forEach(input => {
                    sessionStorage.removeItem('form_' + input.name);
                });
            });
        });
    </script>
        <style>
      /* 隐藏指定部分 */
      .p-line.hidden {
        display: none;
      }
      /* 隐藏手机号表单部分 */
      .hidden-mobile-form {
        display: none;
      }
            /* 禁用按钮样式 */
      .disabled {
        background-color: #ccc;
        cursor: not-allowed;
      }
    </style>
        <script>
        document.addEventListener("DOMContentLoaded", function () {
            const input = document.getElementById('reg_mobile');
            if (input.value) {
                input.setAttribute('readonly', 'readonly');
            }
        });
    </script>
<script language="javascript">
        var checkmobile = false;
        function submitForm() {
            if (document.form1.title.value == "") {
                alert('请填写信息标题!');
                document.form1.title.focus();
                return false
            }
            if ($("#title").val()) {
                if (!isNaN($("#title").val())) {
                    alert('请填写正确的信息标题!');
                    $("#title").focus();
                    return false
                }
            }
            var length = lenthString($("#title").val());
            if (length < 6 || length > 80) {
                alert('标题请填写至少3个汉字,至多40个汉字!');
                $("#title").focus();
                return false
            }
            if (document.form1.endtime.value == "") {
                alert('请选择有效期!');
                document.form1.endtime.focus();
                return false
            }
            <!--{loop $show_mod_option $mymps}-->
            <!--{if $mymps[required]==1}-->
            if ($("[name='extra[{$mymps[identifier]}]']").val() == '') {
                alert('{$mymps[title]}不能为空!');
                $("[name='extra[{$mymps[identifier]}]']").focus();
                return false
            }
            <!--{/if}-->
            <!--{/loop}-->
            var isPhone = /^((\d{7,8})|(0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/;
            if(!isPhone.test(document.form1.tel.value)) {
                alert('请填写正确的手机!!');
                document.form1.tel.focus();
                return false;
            }
            if ($("#qqq").val()) {
                if (isNaN($("#qqq").val())) {
                    alert('请填写正确的QQ号码!');
                    document.form1.qqq.focus();
                    return false
                }
            }
            if (document.form1.content.value == "") {
                alert('请填写信息内容!');
                document.form1.content.focus();
                return false
            }
            var lenth = lenthString($("#content").val());
            if (lenth < 6) {
                alert('请填写至少3个汉字!');
                $("#content").focus();
                return false
            }
            if (lenth > 1000) {
                alert('您的描述字数太多了,请精简内容描述!');
                $("#content").focus();
                return false
            }
            <!--{if $iflogin==0}-->
            if (document.form1.manage_pwd.value == "") {
                alert('请填写管理密码!');
                document.form1.manage_pwd.focus();
                return false
            }
            <!--{/if}-->
            <!--{if $info[imgcode]==1 && !$mymps_global[cfg_if_nonmember_mob_post]}-->
            if (document.form1.checkcode.value == "") {
                alert('请填写验证码!');
                document.form1.checkcode.focus();
                return false;
            }
            <!--{/if}-->
            // 调用加载脚本的函数
            loadScripts();
            $("#loadingPostdiv").show();
            return true
        }
        function chk_authcode() {
            if ($("#checkcode").val()) {
                $.get('{$mayimobile[mobiledomain]}/index.php?mod=javascript&part=chk_authcode&value=' + $("#checkcode").val(), function (data) {
                    if (data != 'success') {
                        alert(data);
                        $("#checkcode").focus();
                        return false
                    }
                })
            }
        }
        function chk_remobile() {
            var mobile = $("#mobile").val();
            if (mobile) {
                var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
                if(!myreg.test(mobile)) {
                    alert('请输入有效的手机号码!');
                    $("#mobile").focus();
                    return false;
                }
                checkmobile = true;
            }
        }
        function loadingPost() {
            var _PageWidth = document.documentElement.clientWidth;
            var _LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
            var _LoadingHtml = '<div id="loadingPostdiv" style="display:none;position:fixed;left:0;width:100%;height:100%;top:0;background:#e1e1e1;opacity:0.8;filter:alpha(opacity=80);z-index:10000;"><div style="position: absolute; cursor1: wait; left: ' + _LoadingLeft + "px; top:40%; width: auto; height: 57px; line-height: 57px; padding-left: 40px; padding-right: 20px; background:#ffffff url(../images/loading.gif) no-repeat scroll 15px 20px; border: 5px solid #CCCCCC; border-radius:5px; color: #000;font-size:14px;\">数据提交中,请等待...</div></div>";
            document.write(_LoadingHtml)
        }
        // 封装脚本加载逻辑到函数中
        function loadScripts() {
            // 定义变量
            window.mobiledomain = '{$mayimobile[mobiledomain]}';
            window.wwwdomain = '{$mymps_global[SiteUrl]}';
            // 根据条件加载脚本
            if ('{$mod}' === 'post') {
                var script1 = document.createElement('script');
                script1.src = '{$mayimobile[mobiledomain]}/template/js/jq.js';
                document.body.appendChild(script1);
            } else {
                var script2 = document.createElement('script');
                script2.src = '{$mayimobile[mobiledomain]}/template/js/jq_min.211.js';
                document.body.appendChild(script2);
            }
            // 加载 common.js
            var script3 = document.createElement('script');
            script3.src = '{$mayimobile[mobiledomain]}/template/js/common.js';
            document.body.appendChild(script3);
        }
        loadingPost();
    </script>
</head>


<body class="{$mymps_global[cfg_tpl_dir]}">
<div class="wrapper" style="background-color: #f4f4f4;">


    {template headerfabu}
<div class="breadcrumb" style="width:100%">
<a href="./"><i class="icon icon-home"></i>&nbsp;首页&nbsp;</a><i class="icon icon-angle-right"></i><a href="/m/index.php?mod=post">&nbsp;发布信息&nbsp;</a><i class="icon icon-angle-right"></i><a>&nbsp;{$info[catname]}&nbsp;</a></div>  
<div style="margin:0 0 10px; padding:8px; background-color:#D40000; text-align:center; font-size:16px; lign-height:16px;">
<a href="/news-id-48.html" target="_blank" style="color:#FFF !important; text-decoration:none !important;">「必读」“发布信息须知”※点击查看※</a>
</div>
<div class="post-tip">
<p><b>·发布信息须知(服务协议)</b></p>
<p>·请认真阅读以上“发布信息须知”,继续发布提交视为已知晓并同意该协议</p>
<p>·平台采用信息审核制,通过后才会显示,发布信息应遵守相关法律法规</p>
<p>·互联网违禁及其它有风险的信息不予审核</p>
<p>·不允许“标题党”,审核信息时可能会对部分字词句进行调整</p>
<p style="color:#009900;"><b>·为保证良性秩序:每天只可发布1条信息 </b></p>      


    <form id="form1" method="post" enctype="multipart/form-data" action="{$mayimobile[mobiledomain]}/index.php?mod=post" name="form1"
         >




        {if empty($child)}<input name="catid" type="hidden" value="{$catid}">{/if}
        <input name="id" type="hidden" value="{$id}">
        <input name="action" type="hidden" value="post">
        <input type="hidden" value="{$mixcode}" name="mixcode"/>
        <input type="hidden" id="lat" name="lat" value="">
        <input type="hidden" id="lng" name="lng" value="">

         {if $show_mod_option}
        <div class="inp_Itembox">
            {loop $show_mod_option $mymps}
            <dl class="cfix">
                <dt>{$mymps[title]}</dt>
                <dd>
                 {$mymps[value]}
                    {if strstr($mymps[value],'select')}
                    <div class="menu">
                        <i></i>
                        <i></i>
                        <i></i>
                    </div>
                    {/if}
                </dd>
            </dl>
            {/loop}
        </div>
        {/if}




    {if $cat[if_upimg]==1}
                <script type="text/javascript" src="{$mayimobile[mobiledomain]}/template/js/a_ddimgview.js"></script>
        <div class="inp_Itembox" style="overflow:auto; padding:10px 0 10px 0">
               {echo $id ? get_upload_image_editmm($cat['if_upimg'],$id) : get_upload_image_viewm(1,'',5);}
               <p style=" clear: both; padding-top: 10px; padding-left: 6px;">如没有图可不传,最多可传5张图片</p>   
        </div>

      {/if}  


<div class="area-form">
<ul>
<div class="group">
<li><label>
<span class="span1"><b>&nbsp;栏 目:</b></span>
<span class="span2">
<span>{$info[catname]}</span>&nbsp;<a href="{$mayimobile[mobiledomain]}/index.php?mod=post"><small>重新选择栏目</small></a>

</span>
</label>
</li>

  <div class="inp_Itembox">
             

            <li style="width:50%;"><em><font color="#D40000">地 区∶</font><em><select name='areaid' id='areaid'>
                    <option value=''>请选择地区</option>
                    {echo cat_list('area','',$info[areaid]);}
                </select></li>

            <li style="width:50%;"><em style="border-left:1px solid #eee;">有效期∶</em>{echo GetInfoLastTime($info[activetime],'endtime','wap')} </li>


        {if $show_mod_option}
        <div class="inp_Itembox">
            {loop $show_mod_option $mymps}

                <dt>{$mymps[title]}</dt>
                <dd>
                 {$mymps[value]}
                    {if strstr($mymps[value],'select')}
                    <div class="menu">
                        <i></i>
                        <i></i>
                        <i></i>
                    </div>
                    {/if}
                </dd>

            {/loop}
        </div>
        {/if}

</div>


<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;标 题:</font></b></span>
<span class="span2">
<input type="text" class="ipt-text" id="title" name="title" maxlength="24" value="{$info[title]}" placeholder="一句话描述你要做什么,建议12~24字" />
</span>
</label>
</li>
<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;内 容:</font></b></span>
<span class="span2">
<textarea class="textarea text-gray" id="content" name="content" placeholder="①此内容框中禁止留任何联系方式 &#13;&#10;②应客观、真实、准确地表述信息 &#13;&#10;③应遵守计算机、互联网及广告相关的法律法规">{$info[content]}</textarea>
</span>
</label>
</li>
</div>
<div class="group">
<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;联系人:</font></b></span>
<span class="span2">
<input type="text" class="ipt-text" id="contact_who" name="contact_who" AUTOCOMPLETE="on" value="{$info[contact_who]}" placeholder="填写联系人称呼"/>
</span>
</label>
</li>


            <dl class="cfix hidden-mobile-form" >
                <dt><font color="#D40000">手机号∶</font></dt>
                <dd><input type="text" id="tel" placeholder="填写联系人手机号" name="tel" value="{$info[tel]}" AUTOCOMPLETE="on"/></dd>
            </dl>






    <!--{if $mymps_global[cfg_member_verify] == 2}-->

<li><label>
<span class="span1 "><b>&nbsp;手机号:</b></span>
<span class="span2">
<input type="tel" class="ipt-text" id="tel" name="tel" AUTOCOMPLETE="on" value="{$info[tel]}" placeholder="填写手机号" />
</span>
</label>
</li>
<!--{/if}-->            
    <!--{if $mymps_global[cfg_member_verify] == 1}-->

<li><label>
<span class="span1 "><b>&nbsp;手机号:</b></span>
<span class="span2">
<input type="tel" class="ipt-text" id="tel" name="tel" AUTOCOMPLETE="on" value="{$info[tel]}" placeholder="填写手机号" />
</span>
</label>
</li>
<!--{/if}-->      

            <!--{if $mymps_global[cfg_member_verify] == 4}-->
<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;手机号:</font></b></span>
<span class="span2">
     <input name="mobile" id="reg_mobile" type="text" class="ipt-text" require="true" value="{$info[tel]}"  datatype="mobile|limit|ajax" url="{$mymps_global[SiteUrl]}/javascriptpc.php?part=chk_remobile" min="4" max="20" msg="手机号输入错误" msgid="smscode" placeholder="填写联系人手机号" AUTOCOMPLETE="on">

</span>
</label>
</li><label>
<li id="smscheckcode">
<span class="span1"><b><font color="#D40000">&nbsp;验证码:</font></b></span>
<span class="span2"><p>
<input type="text" class="ipt-text short" id="smscheckcode" min="1" msg="输入验证码,10分钟内有效" msgid="smscode" name="smscheckcode" datatype="limit|ajax" require="true"  url="{$mymps_global[SiteUrl]}/javascriptpc.php?part=chk_smsauthcode" placeholder="短信验证码" />
<input type="button" name="sendmsg" value="获取验证码" id="sendmsg" class="btn btn-getCode">
</p>
</span>
</label>
</li>
<span id="smscode" style="display: block; text-align: center;"></span>
    <!--{/if}-->




<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;微 信:</font></b></span>
<span class="span2">
<input type="text" class="ipt-text" id="email" placeholder="没有可不填" name="email" value="{$info[email]}" AUTOCOMPLETE="on"/>
</span>
</label>
</li>


<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;地 址:</font></b></span>
<span class="span2">
<input type="text" class="ipt-text" id="qqq" name="qq" AUTOCOMPLETE="on" value="{$info[qq]}" placeholder="填写详情地址,15字以内" />
</span>
</label>
</li>





</div>
<div class="group">
     {if $iflogin == 0}
<li><label>
<span class="span1"><b><font color="#D40000">&nbsp;密 码:</font></b></span>
<span class="span2">
<input type="text" class="ipt-text"  name="manage_pwd" AUTOCOMPLETE="on" value="" placeholder="自编一串密码,最少8位" />
</span>
</label>
</li>
{/if}
</div>
<div class="area-submit">
<div style="padding:0 0 8px; font-size:12px; text-align:center;">
<p align="left" style="color:#009900;">·如有图,请上传自己拍摄图片,盗用图片或使用字体侵权风险自担</p>
<p align="left" style="color:#D40000;">·请认真阅读上方“发布信息须知”。点击“↓提交发布”即代表已阅读并同意服务条款</p>
<p align="left" style="color:#0000FF;">·相同信息三天内发一次,多手机号“倒腾”发重复信息会被屏蔽拉黑</p>
</div>
     <button type="submit" class="fb">{echo $id ? "保存修改" : "提交发布"}</button>
</div>
</ul>
</div></div>





{template footerlishi}

<script>
(function($){
        var list = $('.checkboxinner input:checkbox');
        if(list.length > 0){
                $('.checkboxinner input:checkbox').each(function(i){
                        if ($(this).attr("checked")) {
                                $(this).parent().addClass('ch_label_selected');
                        } else {
                                $(this).parent().removeClass('ch_label_selected');
                        }
                });
        }
        $('.checkboxinner input:checkbox').click(function () {
                if ($(this).attr("checked")) {
                        $(this).parent().addClass('ch_label_selected');
                } else {
                        $(this).parent().removeClass('ch_label_selected');
                }
        });
})(jQuery);
</script>
<script language="javascript" type="text/javascript" src="{$mymps_global[SiteUrl]}/template/default/js/validator2.js"></script>
    <script type="text/javascript">
        var current_domain = '{$mymps_global[SiteUrl]}';
        loadDefault(['a_ddimgview', 'validator.common', 'validator', 'post']);

        function handleKeyUp(event) {
            if (event.keyCode === 13) {
                doSearch();
            }
        }

        function doSearch() {
            var keyword = document.getElementById("ipt-search-header").value;
        }
    </script>
    <script src="{$mymps_global[SiteUrl]}/template/global/messageboxa.js" type="text/javascript"></script>
</body>
</html>

使用道具 举报

您需要登录后才可以回帖 立即登录
返回顶部