wanghongjun
/
wenhuayun
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
why.xingtongworld.com项目
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.
52 Commits
1 Branch
0 Tags
154 MiB
 
 
 
 
 
Tree: d45add7855
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd45add7855'
${ noResults }
wenhuayun/app/home/view/szwjs/index/apply2bark.html

371 lines
22 KiB
Raw Blame History

<html>
<head>
<meta charset="utf-8">
<title>深圳文交所艺术品投资与收藏俱乐部理事申请表（机构）</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表（机构）提交数据。">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta property="og:type" content="webpage">
<meta property="og:title" content="深圳文交所艺术品投资与收藏俱乐部理事申请表（机构）">
<meta property="og:description" content="为深圳文交所艺术品投资与收藏俱乐部理事申请表（机构）提交数据。">
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/published.css">
<link rel="stylesheet" media="screen" href="{$yf_theme_path}index/Public/Css/base.css">
</head>
<body class="entry-container">
<div class="entry-container-inner">
<form class="center with-shadow indent-on-large-phone" id="postForm" action="{:url('apply',array('cid'=>$cid))}" method="post">
{:token()}
<div class="form-header">
<div class="banner"><div class="banner-text"> </div></div>
<div class="logo-box">
<h1 class="form-title ">深圳文交所艺术品投资与收藏俱乐部理事申请表（个人）</h1>
<div class="form-description">
<img src="{$yf_theme_path}index/Public/Img/logo.png">
</div>
</div>
</div>
<div class="form-content container-fluid">
<div class="row">
<div class="fields clearfix">
<div class="field required col-sm-12" >
<div class="form-group">
<div class="field-label">姓名（请填写2-10个字）</span></div>
<div class="field-content"><input type="text" name="username" id="username" maxlength="10"></div>
</div>
</div>
<div class="field required field-attachment-field col-sm-12">
<div class="form-group">
<div class="field-label">个人照片</div>
<div class="field-content">
<p>请上传您的照片</p>
<div class="attachment-field">
<input type="hidden" name="avatar" id="avatar" class="jquery-file-upload-file-input" >
<input type="file" name="avatarbtn" id="avatarbtn" class="jquery-file-upload-file-input" >
<div class="attachments">
</div>
<div class="attachment-select-trigger">
<label><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持：jpg、jpeg、png、gif。</div></div></label>
</div>
<div class="attachment-error-message"></div>
</div>
</div>
</div>
</div>
<div class="field required field-drop-down col-sm-12" >
<div class="form-group">
<div class="field-label">证件类型</div>
<div class="field-content">
<div class="dropdown-wrapper">
<select class="needsclick has-data field-transformed" data-has-error="false" data-random-choices="false" name="cred_type" id="cred_type"><option value="">请选择</option>
<option selected="selected" value="1">身份证</option>
<option value="2">护照</option>
<option value="3">军人证</option>
</select>
<b class="dropdown-bg"></b>
<i class="dropdown-trigger"></i>
</div>
</div>
</div>
</div>
<div class="field required col-sm-12">
<div class="form-group">
<div class="field-label">证件号码（请填写最多18个字）</div>
<div class="field-content">
<input type="text" name="credcard" id="credcard" maxlength="18">
</div>
</div>
</div>
<div class="field required field-attachment-field col-sm-12">
<div class="form-group">
<div class="field-label">证件照片（身份证需正反面）</div>
<div class="field-content">
<div class="attachment-field">
<input type="hidden" name="credfile" id="credfile" >
<input type="file" name="credfilebtn" id="credfilebtn" >
<div class="attachments"></div>
<div class="attachment-select-trigger" data-max-file-quantity="2">
<label ><div class="plus">+</div><div class="select-text-wrapper"><div class="select-text">请选择或拖拽上传文件、限制每个5.0MB以内。仅支持：jpg、jpeg、png、gif。</div></div></label>
</div>
<div class="attachment-error-message"></div>
</div>
</div>
</div>
</div>
<div class="field required col-sm-12">
<div class="form-group">
<div class="field-label">联系地址</div>
<div class="field-content"><input type="text" name="address" id="address"></div>
</div>
</div>
<div class="field required col-sm-12" >
<div class="form-group">
<div class="field-label">手机号码</div>
<div class="field-content">
<div data-role="verification_sender">
<div class="gd-input-container"><input class="mobile-input input-with-icon enhanced-input" placeholder=" " type="tel" name="mobile" id="mobile"><i class="gd-input-icon gd-icon-mobile"></i></div>
</div>
</div>
</div>
</div>
<div class="field col-sm-12">
<div class="form-group">
<div class="field-label">联系电话</div>
<div class="field-content">
<div class="gd-input-container"><input class="input-with-icon enhanced-input" type="text" name="telphone" id="telphone"><i class="gd-input-icon gd-icon-telephone"></i></div>
</div>
</div>
</div>
<div class="field required col-sm-12">
<div class="form-group">
<div class="field-label">艺术品投资年限（单位:年）</div>
<div class="field-content">
<div class="gd-input-container"><input class="input-with-icon enhanced-input" max="999999999999999" min="0" placeholder=" " type="number" name="join_year" id="join_year"><i class="gd-input-icon gd-icon-number"></i></div>
</div>
</div>
</div>
<div class="field col-sm-3 custom-grids">
<div class="form-group">
<div class="field-label" >是否在深圳文交所开户</div>
<div class="field-content">
<div class="choices" data-random-choices="false">
<label class="radio inline" >
<div class="radio-button-wrapper"><input class="needsclick field-transformed" checked type="radio" value="1" id="openacc1" name="openacc"><i class="selected-icon"></i></div>
<div class="choice-description">
是<span class="quota"></span>
</div>
</label>
<label class="radio inline">
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="0" id="openacc2" name="openacc"><i class="selected-icon"></i></div>
<div class="choice-description">
否<span class="quota"></span>
</div>
</label>
</div>
</div>
</div>
</div>
<div class="field col-sm-12">
<div class="form-group">
<div class="field-label" >计划投资额度（单位:万元）</div>
<div class="field-content">
<input type="text" name="quota" id="quota">
</div>
</div>
</div>
<div class="field field-text-area col-sm-12">
<div class="form-group">
<div class="field-label" >工作经历及职务（请填写最多500个字）</span></div>
<div class="field-content">
<textarea rows="3" name="experience" id="experience" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea>
</div>
</div>
</div>
<div class="field field-text-area col-sm-12">
<div class="form-group">
<div class="field-label" >艺术品意向投资方向：<span>（请填写最多500个字）</span></div>
<div class="field-content">
<textarea rows="3" name="trends" id="trends" style="overflow: hidden; overflow-wrap: break-word; height: 66px;"></textarea>
</div>
</div>
</div>
<div class="field col-sm-12">
<div class="form-group">
<div class="field-label" >理事声明及承诺</div>
<div class="field-content">
<div class="choices">
<label class="radio ">
<div class="radio-button-wrapper"><input class="needsclick field-transformed" type="radio" value="1" checked="checked" name="promise"><i class="selected-icon"></i></div>
<div class="choice-description">本人自愿申请加入深圳文化产权交易所艺术品投资与收藏俱乐部，承诺自觉遵守俱乐部章程及其相关管理规定<span class="quota"></span>
</div>
</label>
</div>
</div>
</div>
<div class="field submit-field col-md-12 text-center clearfix ">
<input type="submit" name="commit" value="提交" data-disabled-with="提交中..." class="submit gd-btn gd-btn-primary-solid with-shadow">
</div>
</div>
</div>
</div>
</div>
</form>
<div id="form_page_error_messages_modal" class="modal warning form-error-messages-modal">
<div class="modal-dialog modal-sm"><div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span>×</span></button><h4 class="modal-title">错误提醒</h4></div>
<div class="modal-body clearfix">
<div class="error-explanation">
<h5>提交未成功，当前页面填写有错误！</h5>
</div>
</div></div>
</div>
</div>
</div>
<script src="{$yf_theme_path}index/Public/Js/jquery.min.js"></script>
<script src="{$yf_theme_path}index/Public/Js/jquery.form.js"></script>
<script src="{$yf_theme_path}index/Public/Js/jquery.validate.min.js"></script>
<script src="{$yf_theme_path}index/Public/Js/layer/layer.js"></script>
<script src="{$yf_theme_path}index/Public/Js/jquery-ui-1.10.3.min.js"></script>
<script src="{$yf_theme_path}index/Public/Js/jquery.ui.widget.js"></script>
<script src="{$yf_theme_path}index/Public/Js/jquery.fileupload.js"></script>
<script src="{$yf_theme_path}index/Public/Js/base.js"></script>
<script>
function change(limit){
var size = "";
if(limit < 0.1 * 1024){ //小于0.1KB，则转化成B
size = limit.toFixed(2) + "B"
}else if(limit < 0.1 * 1024 * 1024){ //小于0.1MB，则转化成KB
size = (limit/1024).toFixed(2) + "KB"
}else if(limit < 0.1 * 1024 * 1024 * 1024){ //小于0.1GB，则转化成MB
size = (limit/(1024 * 1024)).toFixed(2) + "MB"
}else{ //其他转化成GB
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB"
}
var sizeStr = size + ""; //转成字符串
var index = sizeStr.indexOf("."); //获取小数点处的索引
var dou = sizeStr.substr(index + 1 ,2) //获取小数点后两位的值
if(dou == "00"){ //判断后两位是否为00，如果是则删除00
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2)
}
return size;
}
//身份证号码的验证规则
function isIdCardNo(num){
　 //if (isNaN(num)) {alert("输入的不是数字！"); return false;}
　　 var len = num.length, re;
　　 if (len == 15)
　　 re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/);
　　 else if (len == 18)
　　 re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/);
　　 else {
//alert("输入的数字位数不对。");
return false;
}
　　 var a = num.match(re);
　　 if (a != null)
　　 {
　　 if (len==15)
　　 {
　　 var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
　　 var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
　　 }
　　 else
　　 {
　　 var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
　　 var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
　　 }
　　 if (!B) {
//alert("输入的身份证号 "+ a[0] +" 里出生日期不对。");
return false;
}
　　 }
　　 if(!re.test(num)){
//alert("身份证最后一位只能是数字和字母。");
return false;
}
　　 return true;
}
function uploadPic(url,btn,input,current){
//插件jquery.fileupload.js
jQuery(btn).fileupload({
url: url,
dataType: 'json',
done: function (e, data) {
var file=data.result;
tool.msg(file['msg']);
if(file['code']==1){
var pic=file['data']['path'];
$(input).val(pic);
$(btn).val(pic);
}
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$("#progressbar"+current).css({'width':progress+"%"});
if(progress==100){
$("#progressbar"+current).delay(500).fadeOut();
}
}
}).bind('fileuploadadd',function(e,data){
var file=data['files'][0];
var url = null;
if (window.createObjectURL != undefined) {
url = window.createObjectURL(file);
} else if (window.URL != undefined) {
url = window.URL.createObjectURL(file);
} else if (window.webkitURL != undefined) {
url = window.webkitURL.createObjectURL(file);
}
var name=file['name'];
var size=change(file['size']);
if(/^blob/.test(url)){
var html='<div class="attachment clearfix">';
html+='<div class="progress-bar" id="progressbar'+current+'" role="progressbar" aria-valuenow="0" data-transitiongoal="100" aria-valuemin="0" aria-valuemax="100"></div>';
html+='<div class="info clearfix"><div class="preview-area pull-left"><div class="preview"><img src="'+url+'" /></div></div>';
html+='<div class="status pull-left"><span class="file-name">'+name+'</span><span class="file-size-status">(<span class="file-size">'+size+'<span></span></span>)</span></div>';
html+='<div class="actions web-actions pull-right"><a data-role="cancel" class="delete-link" href="javascript:void(0)">删除</a></div></div></div>';
$(".attachments").eq(current).html(html);
}
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
}
$(function(){
$("body").delegate(".delete-link",'click',function(){
console.log("1111");
var parent=$(this).parents(".attachment");
parent.remove();
});
var url="{:url('upload',['key'=>'avatarbtn'])}";
uploadPic(url,"#avatarbtn","#avatar",0);
var url="{:url('upload',['key'=>'credfilebtn'])}";
uploadPic(url,"#credfilebtn","#credfile",1);
// 手机号码验证
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));
}, "请正确填写您的手机号码。");
// 身份证号码验证
jQuery.validator.addMethod("isIdCardNo", function(value, element) {
//var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/;
return this.optional(element) || isIdCardNo(value);
}, "请输入正确的身份证号码。");
var rules={
"username":"required",
"avatar":"required",
"cred_type":"required",
"credcard":{
"required":true,
"isIdCardNo":true
},
//"credfilebtn":"required",
"contact":"required",
"mobile":{
"required":true,
"isMobile":true
},
"join_year":"required"
};
var messages={
"username":"姓名必填",
"avatar":"个人照片必须上传",
"cred_type":"证件类型必选",
"credcard":{
"required":"法人身份证号码必填"
},
"credfilebtn":"法人身份证照片必须上传",
"contact":"联系人必填",
"mobile":{
"required":"手机号码必填",
"isMobile":"请正确填写您的手机号码"
},
"join_year":"艺术品投资年限必填"
};
tool.commonForm("#postForm",rules,messages);
});
</script>
</body>
</html>