You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
4.1 KiB
100 lines
4.1 KiB
{layout name="public/layout" /}
|
|
<style>
|
|
.control-label{line-height:2.8em;}
|
|
input[type=radio]{margin-top:2px;}
|
|
</style>
|
|
<ol class="breadcrumb" style="margin-top:10px">
|
|
<li><i class="glyphicon glyphicon-home"></i> <a href="{:url('center/index')}">用户中心</a></li>
|
|
<li class="active">我要留言</li>
|
|
</ol>
|
|
<h3 class="text-center" style="margin-top:30px;margin-bottom:15px">留言表</h3>
|
|
<div class="apply">
|
|
<form class="form-horizontal container" id="postForm" method="post" action="{:url('feedback')}">
|
|
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"><i style="color:red">*</i>您的名字</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="plug_sug_name" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"><i style="color:red">*</i>你的手机</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="plug_sug_tel" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">你的邮箱</label>
|
|
<div class="col-xs-9">
|
|
<input type="text" class="form-control" name="plug_sug_email" value="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"><i style="color:red">*</i>你的留言</label>
|
|
<div class="col-xs-9">
|
|
<textarea class="form-control" name="plug_sug_content" value=""></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"> </label>
|
|
<div class=" col-xs-9" >
|
|
<img class="verify_img" id="login_verify" src="{:url('check_verify',['key'=>'fbmsg'])}" style="cursor: pointer;width:100%;border: 1px solid #d5d5d5;height:34px;border-radius: 3px;">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"><i style="color:red">*</i>验证码:</label>
|
|
<div class=" col-xs-9" >
|
|
<input type="text" class="form-control" name="verify" placeholder="请输入验证码">
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-danger " style="width:100%">提交</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script src="{$yf_theme_path}public/js/jquery.form.js"></script>
|
|
<script src="{$yf_theme_path}public/js/jquery.validate.min.js"></script>
|
|
<script src="{$yf_theme_path}public/js/layer/layer.js"></script>
|
|
<script src="{$yf_theme_path}public/js/base.js"></script>
|
|
<script>
|
|
//手机号码验证
|
|
jQuery.validator.addMethod("isMobile", function(value, element) {
|
|
var length = value.length;
|
|
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));
|
|
}, "请正确填写您的手机号码。");
|
|
$(function(){
|
|
var rules={
|
|
"plug_sug_name":"required",
|
|
"plug_sug_tel":{
|
|
"required":true,
|
|
"isMobile":true
|
|
},
|
|
"verify":"required",
|
|
"plug_sug_content":"required",
|
|
};
|
|
var messages={
|
|
"plug_sug_name":"名字必填",
|
|
"plug_sug_content":"留言必填",
|
|
"verify":"验证码必填",
|
|
"plug_sug_tel":{
|
|
"required":"手机必填",
|
|
"isMobile":"请正确填写手机号码"
|
|
},
|
|
"plug_sug_email":{
|
|
"required":"邮箱必填",
|
|
"email":"请正确填写邮箱"
|
|
}
|
|
};
|
|
$("#login_verify").click(function(){
|
|
var src="{:url('check_verify',['key'=>'fbmsg'])}?"+Math.random();
|
|
$("#login_verify").attr('src',src);
|
|
});
|
|
tool.commonForm("#postForm",rules,messages,'',function(){
|
|
setTimeout(function(){
|
|
var src="{:url('check_verify',['key'=>'fbmsg'])}?"+Math.random();
|
|
$("#login_verify").attr('src',src);
|
|
},3000);
|
|
});
|
|
});
|
|
</script>
|