|
<include file="Public:header" />
<style>
.maC b{overflow: hidden;}
</style>
<!--content start-->
<div class="content">
<div class="mT"><span>欢迎注册</span><div>已有账号，请点击<a href="/msg/logins.html">登录</a></div></div>
<div class="accC">
<form name="form" action="/msg/doregisters.html" method="post" onsubmit="return zhuce();">
<div class="Mdata">
<!---->
<div class="demo1" style="display: none;">方本框：<input type="text" id="J-xl"></div>
<div class="demo1" style="display: none;">按钮触发：<input type="text" id="J-xl-2"><input type="button" id="J-xl-2-btn" value="打开"></div>
<div class="maA">
<label for=""><span>*</span>用户名：</label>
<div class="maB"><input type="text" value="" name="user"><span class="user" style="color:red"></span></div>
</div>
<div class="maA">
<label for=""><span>*</span>密码：</label>
<div class="maB"><input type="password" value="" name="password"><span class="password" style="color:red"></span></div>
</div>
<div class="maA">
<label for="">性别：</label>
<div class="maB"><input type="radio" value="男" name="sex" checked><span>男</span><input type="radio" value="女" name="sex"><span>女</span></div>
</div>
<div class="maA">
<label for=""><span>*</span>省：</label>
<div class="maB">
<div class="maC selCity">
<b></b><span></span>
<ul style="height: 248px;overflow-y: scroll;overflow-x: hidden;">
<volist name="citys1" id="v">
<li data="{$v.id}">{$v.name}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>市：</label>
<div class="maB">
<div class="maC selCity_">
<b></b><span></span>
<ul style="height: 248px;overflow-y: scroll;overflow-x: hidden;">
<li data="0">请先选择省</li>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for="">职业：</label>
<div class="maB">
<div class="maC selA">
<b></b><span></span>
<ul>
<volist name="zhuce4" id="v">
<li>{$v.title}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>E-mail：</label>
<div class="maB"><input type="text" value="" name="email" ><span class="email" style="color:red"></span></div>
</div>
<div class="maA">
<label for=""><span>*</span>手机号码：</label>
<div class="maB"><input type="text" value="" name="tel" ><span class="tel" style="color:red"></span></div>
</div>
<div class="maA">
<label for=""><span>*</span>使用的单反相机品牌：</label>
<div class="maB">
<div class="maC selB">
<b></b><span></span>
<ul style="height: 248px;overflow-y: scroll;overflow-x: hidden;">
<volist name="zhuce1" id="v">
<li>{$v.title}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>使用的单反相机型号：</label>
<div class="maB">
<div class="maC selC">
<b></b><span></span>
<ul style="height: 248px;overflow-y: scroll;overflow-x: hidden;">
<volist name="zhuce2" id="v">
<li onclick="xinghaoen($('.xinghaoen').index($(this)));" class="xinghaoen">{$v.title}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for="">接触摄影时间：</label>
<div class="maB"><!--<input type="text" name="time" id="J-xl-3" class="rqi" ><span class="time" style="color:red"></span>-->
<div class="maC selF">
<b></b><span></span>
<ul>
<li>半年以内</li>
<li>6个月到1年</li>
<li>1-2年</li>
<li>2-5年</li>
<li>5年以上</li>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>近期关注镜头产品类型（多选）：</label>
<div class="maD">
<ul>
<li><input type="checkbox"value="广角定焦镜头" name="gzleixing[]" class="gzleixing"><span>广角定焦镜头</span></li>
<li><input type="checkbox"value="广角变焦镜头" name="gzleixing[]" class="gzleixing"><span>广角变焦镜头</span></li>
<li><input type="checkbox"value="标准定焦镜头" name="gzleixing[]" class="gzleixing"><span>标准定焦镜头</span></li>
<li><input type="checkbox"value="标准变焦镜头" name="gzleixing[]" class="gzleixing"><span>标准变焦镜头</span></li>
<li><input type="checkbox"value="长焦定焦镜头" name="gzleixing[]" class="gzleixing"><span>长焦定焦镜头</span></li>
<li><input type="checkbox"value="长焦变焦镜头" name="gzleixing[]" class="gzleixing"><span>长焦变焦镜头</span></li>
<li><input type="checkbox"value="大变焦镜头" name="gzleixing[]" class="gzleixing"><span>大变焦镜头</span></li>
<li><input type="checkbox"value="微距镜头" name="gzleixing[]" class="gzleixing"><span>微距镜头</span></li>
<li><input type="checkbox"value="其他" name="gzleixing[]" class="gzleixing"><span>其他</span></li>
</ul>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>购买镜头时最关心的产品特点（多选）：</label>
<div class="maE">
<ul>
<li><input type="checkbox"value="焦距" name="gxtedian[]" class="gxtedian"><span>焦距</span></li>
<li><input type="checkbox"value="画质" name="gxtedian[]" class="gxtedian"><span>画质</span></li>
<li><input type="checkbox"value="光圈" name="gxtedian[]" class="gxtedian"><span>光圈</span></li>
<li><input type="checkbox"value="防抖" name="gxtedian[]" class="gxtedian"><span>防抖</span></li>
<li><input type="checkbox"value="马达" name="gxtedian[]" class="gxtedian"><span>马达</span></li>
<li><input type="checkbox"value="重量" name="gxtedian[]" class="gxtedian"><span>重量</span></li>
<li><input type="checkbox"value="大小" name="gxtedian[]" class="gxtedian"><span>大小</span></li>
<li><input type="checkbox"value="外观" name="gxtedian[]" class="gxtedian"><span>外观</span></li>
<li><input type="checkbox"value="操作" name="gxtedian[]" class="gxtedian"><span>操作</span></li>
<li><input type="checkbox"value="价格" name="gxtedian[]" class="gxtedian"><span>价格</span></li>
<li><input type="checkbox"value="保修" name="gxtedian[]" class="gxtedian"><span>保修</span></li>
<li><input type="checkbox"value="品牌" name="gxtedian[]" class="gxtedian"><span>品牌</span></li>
<li><input type="checkbox"value="其他" name="gxtedian[]" class="gxtedian"><span>其他</span></li>
</ul>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>对腾龙镜头的了解程度：</label>
<div class="maB">
<input type="radio" value="不了解" name="shifou" checked><span>不了解</span>
<input type="radio" value="了解" name="shifou" ><span>了解</span>
<input type="radio" value="非常了解" name="shifou" ><span>非常了解</span>
<input type="radio" value="精通" name="shifou" ><span>精通</span>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>是否拥有腾龙产品：</label>
<div class="maB">
<input type="radio" value="有" name="chanpin" checked><span>有</span>
<input type="radio" value="没有" name="chanpin" ><span>没有</span>
</div>
</div>
<div class="chanpiny">
<div class="maA">
<label for=""><span>*</span>产品型号：</label>
<div class="maB">
<div class="maC selD">
<b></b><span></span>
<ul style="height: 248px;overflow-y: scroll;overflow-x: hidden;">
<volist name="zhuce3" id="v">
<li style="overflow:hidden">{$v.title}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>产品卡口：</label>
<div class="maB"><!--<input type="text" name="time" id="J-xl-3" class="rqi" ><span class="time" style="color:red"></span>-->
<div class="maC selP">
<b></b><span></span>
<ul>
<volist name="zhuce5" id="v">
<li>{$v.title}</li>
</volist>
</ul>
</div>
</div>
</div>
<div class="maA">
<label for=""><span>*</span>购买日期：</label><div class="maB"><input type="text" id="J-xl-3" class="rqi" name="gmtime"><span class="gmtime" style="color:red"></span></div>
</div>
<div class="maA">
<label for=""><span>*</span>序列号：</label>
<div class="maB"><input type="text" value="" name="xuliehao"><span class="xuliehao" style="color:red"></span></div>
</div>
<!--
<div class="maA">
<label for=""><span>*</span>持有的腾龙镜头数量：</label>
<div class="maB"><input type="text" value="" name="shuliang"><span class="shuliang" style="color:red"></span></div>
</div>
-->
</div>
<input type="hidden" name="zhiwei" value="">
<input type="hidden" name="pinpai" value="">
<input type="hidden" name="xinghao" value="">
<input type="hidden" name="cpxinghao" value="">
<input type="hidden" name="cpkakou" value="">
<input type="hidden" name="province_id" value="">
<input type="hidden" name="city_id" value="">
<input type="hidden" name="time" >
<div class="daA">
<label for=""></label>
<input type="submit" value="立即注册" name="">
</div>
</form>
</div>
</div>
</div>
<!-- content end -->
<script>
function xinghaoen(id){
$(".selC b").html($(".xinghaoen").eq(id).text());
$("input[name=xinghao]").val($(".xinghaoen").eq(id).text());
}
$(function(){
if($("input[name=chanpin]:checked").val() == "没有"){
$(".chanpiny").hide();
}
$("input[name=chanpin]").click(function(){
if($(this).val() == "没有"){
$(".chanpiny").hide();
}else{
$(".chanpiny").show();
}
})
})
$(function(){
$(".selA").click(function () {
set_sel_ul_status($(this));
});
$(".selA ul li").click(function () {
$(".selA b").html($(this).text());
$("input[name=zhiwei]").val($(this).text());
});
$(".selB").click(function () {
set_sel_ul_status($(this));
});
$(".selB ul li").click(function () {
$(".selB b").html($(this).text());
$("input[name=pinpai]").val($(this).text());
var title = $(this).text();
$.post("/index/xinghaos.html",{title:title},function(v){
$(".selC ul").html(v);
})
});
$(".selC").click(function () {
set_sel_ul_status($(this));
});
$(".selC ul li").click(function () {
$(".selC b").html($(this).text());
$("input[name=xinghao]").val($(this).text());
});
$(".selD").click(function () {
set_sel_ul_status($(this));
});
$(".selD ul li").click(function () {
$(".selD b").html($(this).text());
$("input[name=cpxinghao]").val($(this).text());
});
$(".selF").click(function () {
set_sel_ul_status($(this));
});
$(".selF ul li").click(function () {
$(".selF b").html($(this).text());
$("input[name=time]").val($(this).text());
});
$(".selP").click(function () {
set_sel_ul_status($(this));
});
$(".selP ul li").click(function () {
$(".selP b").html($(this).text());
$("input[name=cpkakou]").val($(this).text());
});
//add by xull 20170111 start
function set_sel_ul_status(obj){
var cur_class_str = obj.attr('class');
var cur_class_arr = cur_class_str.split(" ");
var cur_class = cur_class_arr[1];
var all_class_arr = new Array('selCity', 'selCity_', 'selB', 'selA', 'selC', 'selD', 'selF', 'selP');
$.each(all_class_arr,function(index,value){
if(value == cur_class){
$("."+value+" ul").toggle();
}else{
$("."+value+" ul").hide();
}
});
}
$(".selCity").click(function () {
set_sel_ul_status($(this));
});
$(".selCity ul li").click(function () {
$(".selCity b").html($(this).text());
$(".selCity_ b").html('');
var id = $(this).attr('data');
$("input[name=province_id]").val(id);
$.post("/index/getcitys.html",{id:id},function(v){
$(".selCity_ ul").html(v);
})
});
$(".selCity_").click(function () {
set_sel_ul_status($(this));
});
$(".selCity_ ul li").live('click', function () {
$(".selCity_ b").html($(this).text());
$("input[name=city_id]").val($(this).attr('data'));
});
//add by xull 20170111 end
})
function zhuce(){
$(".user").html(" ");
$(".password").html(" ");
$(".email").html(" ");
$(".tel").html(" ");
$(".time").html(" ");
$(".cpkakou").html(" ");
$(".gmtime").html(" ");
$(".xuliehao").html(" ");
$(".shuliang").html(" ");
var tel = /^[0-9]{11}$/;
var email= /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
var password = /^[0-9a-zA-Z]+$/;
var time = /^([0-9]{4})-([0-9]{2})-([0-9]{2})$/;
var regu = /^[0-9a-zA-Z]+$/;
var regus = /^[a-z]|[A-Z]|[0-9]|[\\u4e00-\\u9fa5]+$/;
var patrn=/[`~#^&*<>?:"{},.\/;'[\]]/im;
var shuliang = /^[0-9]$/;
if(regus.test($("input[name=user]").val())==false){
$(".user").html("注：用户名不能含有非法字符！");
return false;
}
if($("input[name=password]").val().length < 6 || $("input[name=password]").val().length > 12){
$(".password").html("注：密码长度大于5位小于12位！");
return false;
}
if(regu.test($("input[name=password]").val())==false){
$(".password").html("注：密码只能填写数字、字母！");
return false;
}
if($(".selCity b").html()==false){
alert("请选择所在省！");
return false;
}
if($(".selCity_ b").html()==false){
alert("请选择所在市！");
return false;
}
if(email.test($("input[name=email]").val())==false){
$(".email").html("注：请填写正确的邮箱！");
return false;
}
if(tel.test($("input[name=tel]").val())==false){
$(".tel").html("注：请填写正确的手机号！");
return false;
}
var gidss = new Array();
$.each($('.gzleixing:checked'), function(i, n){
gidss.push($(n).val());
});
if(gidss == ''){
alert("请选择近期关注镜头产品类型！");
return false;
}
var gids = new Array();
$.each($('.gxtedian:checked'), function(i, n){
gids.push($(n).val());
});
if(gids == ''){
alert("请选择购买镜头时最关心的产品特点！");
return false;
}
if($("input[name=chanpin]:checked").val() == "有"){
if(patrn.test($("input[name=cpkakou]").val()) || $("input[name=cpkakou]").val() == ''){
$(".cpkakou").html("注：请填写正确的产品卡口！");
return false;
}
if(time.test($("input[name=gmtime]").val())==false){
$(".gmtime").html("注：请输入正确的时间格式 XXXX-XX-XX！");
return false;
}
if(patrn.test($("input[name=xuliehao]").val()) || $("input[name=xuliehao]").val() == ''){
$(".xuliehao").html("注：请填写正确的序列号！");
return false;
}
/*
if(shuliang.test($("input[name=shuliang]").val())==false){
$(".shuliang").html("注：只能输入自然数！");
return false;
}*/
}
}
</script>
<script type="text/javascript" src="/laydate.dev.js"></script>
<script type="text/javascript">
laydate({
elem: '#J-xl'
});
document.getElementById('J-xl-2-btn').onclick = function(){
laydate({
elem: '#J-xl-2'
});
}
laydate({
elem: '#J-xl-3'
});
// laydate({
// elem: document.getElementById('J-xl-4')
// });
</script>
<include file="Public:footer" />
|
