fields.html
<style type="text/css">
.form-control {background-color: #f0eeee;}
label {display: inline; max-width: 100%; margin-bottom: 0px; font-weight:normal;}
.regBox .rW label .radio {display: inline-block; margin-right: 5px;}
</style>
{foreach $fields as $item}
{switch $item.type}
{case string}
<dl>
<dt>{if(strstr($item.rule,'required'))}<em>*</em> {/if}{$item.title|htmlentities}</dt>
<dd>
<div class="iW">
<input class="input" type="text" name="row[{$item.name}]" id="c-{$item.name}" {$item.extend_html} value="{$item.value|htmlentities}" />
</div>
</dd>
</dl>
{/case}
{case checkbox}
<dl>
<dt>{$item.title|htmlentities}</dt>
<dd>
<div class="rW font16">
{foreach name="item.content_list" item="vo"}
<label for="row[{$item.name}][]-{$key}"><input class="radio" id="row[{$item.name}][]-{$key}" name="row[{$item.name}][]" type="checkbox" value="{$key}" {in name="key" value="$item.value" }checked{/in}/>{$vo}</label>
{/foreach}
</div>
</dd>
</dl>
{/case}
{case radio}
<dl>
<dt>{$item.title|htmlentities}</dt>
<dd>
<div class="rW font16">
{foreach name="item.content_list" item="vo"}
<label for="row[{$item.name}]-{$key}"><input type="radio" class="radio" id="row[{$item.name}]-{$key}" name="row[{$item.name}]" value="{$key}" {in name="key" value="$item.value" }checked{/in}/>{$vo}</label>
{/foreach}
</div>
</dd>
</dl>
{/case}
{case text}
<dl>
<dt> 内容</dt>
<dd>
<div class="tW">
<textarea class="textarea2" name="row[{$item.name}]" id="c-{$item.name}" {$item.extend_html}>{$item.value|htmlentities}</textarea>
</div>
</dd>
</dl>
{/case}
{case value="image" break="0"}{/case}
{case value="images"}
<dl data-field="{$item.name}">
<dt for="c-{$item.name}" >{$item.title|htmlentities}</dt>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-{$item.name}" class="form-control" name="row[{$item.name}]" type="text" value="{$item.value|htmlentities}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-{$item.name}" class="btn btn-danger plupload" data-input-id="c-{$item.name}" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="{$item.type=='image'?'false':'true'}" {if $item.maximum}data-maxcount="{$item.maximum}" {/if} data-preview-id="p-{$item.name}"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-preview-id="p-{$item.name}" data-mimetype="image/*" data-multiple="{$item.type=='image'?'false':'true'}" {if $item.maximum}data-maxcount="{$item.maximum}" {/if} ><i class="fa fa-list"></i> {:__('Choose')}</button></span>
<span class="msg-box n-right" for="c-{$item.name}"></span>
</div>
</div>
<ul class="row list-inline plupload-preview" id="p-{$item.name}"></ul>
</div>
</dl>
{/case}
{case value="file" break="0"}{/case}
{case value="files"}
<dl data-field="{$item.name}">
<dt for="c-{$item.name}" >{$item.title|htmlentities}</dt>
<div class="col-xs-12 col-sm-8">
<div class="input-group iW">
<input id="c-{$item.name}" class="form-control" name="row[{$item.name}]" type="text" value="{$item.value|htmlentities}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-{$item.name}" class="btn btn-danger plupload" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}" {if $item.maximum}data-maxcount="{$item.maximum}" {/if}><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}" {if $item.maximum}data-maxcount="{$item.maximum}" {/if} ><i class="fa fa-list"></i> {:__('Choose')}</button></span>
<span class="msg-box n-right" for="c-{$item.name}"></span>
</div>
</div>
</div>
</dl>
{/case}
{/switch}
{/foreach}
post.html
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$__DIYFORM__['title']}-{$site.name}</title>
<link href="/skin/css/public.css" type="text/css" rel="stylesheet" />
<link href="/skin/css/inside.css" type="text/css" rel="stylesheet" />
<link href="/skin/css/upfile.css" rel="stylesheet">
<!--@formatter:off-->
<script type="text/javascript">
var require = {
config: {$jsconfig|json_encode}
};
</script>
<!--@formatter:on-->
</head>
<body>
<div class="wrap">
{include file="_top"}
<div class="con">
<div class="membBox">
<div class="position">
<a href="/">首页</a> > {$__DIYFORM__['title']}
</div>
<div class="membCon">
<div class="title font24">
{$__DIYFORM__['title']}
</div>
<div class="regBox font18">
<div class="txt font18">
{$__DIYFORM__['description']}
</div>
<form id="post-form" class="form-horizontal" role="form" data-toggle="validator" method="POST">
<input type="hidden" name="__diyname__" value="{$__DIYFORM__['diyname']}">
{cms:diyform name="fieldslist" /}
{if $__DIYFORM__->iscaptcha}
<dl>
<dt>验证码</dt>
<dd>
<div class="iW">
<input class="input" name="captcha" type="text" placeholder="" /> <img src="{:captcha_src()}" width="100" height="31" onclick="this.src = '{:captcha_src()}?r=' + Math.random();"/>
</div>
</dd>
</dl>
{/if}
{if $__DIYFORM__->id==1}
<dl>
<dt></dt>
<dd class="xieyibox">
<input type="checkbox" id="xieyi" /> 同意勾选《<a href="/glbf.html" target="_blank">长沙市社会组织总会投诉处理管理办法</a>》
</dd>
</dl>
{/if}
<dl>
<dt> </dt>
<dd>
<div class="btnW">
<button class="btnBlue" type="submit">提 交</button>
<button class="btnGray" type="reset">重 置</button>
</div>
</dd>
</dl>
</form>
</div>
</div>
</div>
</div>
</div>
{include file="_foot"}
<style>
.xieyibox {font-size: 14px;line-height: 21px;}
</style>
<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1730729576"></script>
<script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1730729576"></script>
<script >
$(function () {
//避免Bootstrap和RequireJS中引入的Bootstrap事件冲突
$(document).off('click.bs.dropdown.data-api');
});
require.callback = function () {
define('diyform/index', ['jquery', 'bootstrap', 'frontend', 'form'], function ($, undefined, Frontend, Form) {
var Controller = {
index: function () {
Layer.config({focusBtn: false});
Form.api.bindevent($("form[role=form]"), function (data, ret) {
Layer.alert(ret.msg, {
end: function () {
location.href = ret.url;
}
});
return false;
}, function (data, ret) {
}, function (data, ret) {
if($("#xieyi").length>0){
if(!$("#xieyi").prop('checked')){
Layer.alert("请先阅读并同意《长沙市社会组织总会投诉处理管理办法》！")
return false;
}
}
});
}
};
return Controller;
});
}
</script>
<script src="__CDN__/assets/js/require{$Think.config.app_debug?'':'.min'}.js" data-main="__CDN__/assets/js/require-frontend{$Think.config.app_debug?'':'.min'}.js?v={$site.version}"></script>
</body>
</html>
发表评论 取消回复