{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>&nbsp;<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">&nbsp;</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>