<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CampaignPeopleForm_mobile.aspx.cs" Inherits="RM.Web.Training.Campaign.CampaignPeopleForm_mobile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>涛涛学院 - 报名</title><meta name="viewport" content="width=device-width, initial-scale=1" /> 
<%--<link rel="stylesheet" href="css/bootstrap.min.css" />--%>
<link href="/Themes/Styles/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <script src="/Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/Validator/JValidator.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
    <link href="../../Themes/Scripts/artDialog/skins/opera.css" rel="stylesheet" type="text/css" />
    <script src="../../Themes/Scripts/artDialog/artDialog.js" type="text/javascript"></script>
    <script src="../../Themes/Scripts/artDialog/iframeTools.source.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/FunctionJS.js" type="text/javascript"></script>
     
    <link href="/Themes/Styles/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>

    <script type="text/javascript" src="js/bootstrap.js"></script>

    <script type="text/javascript" src="js/bootstrap.min.js"></script>

    <link href="css/style.css" rel="stylesheet" type="text/css" />

</head>


<body style=" overflow:auto;">


<div style="display:none;"class="head-a" style="background-color:#424242;font-size: 16px; height:40px; line-height:40px;color:#FFFFFF;">

     <div style="margin-left:5px;">× 涛涛学院-报名-主题</div>

</div>

<div class="head-b" style="background-color:#b90000;font-size: 16px; height:40px; line-height:40px;color:#FFFFFF;">

<center >报名</center>
</div>
<center>

<div class="header" style="border:1px solid #b90000; width:90%; margin-top:20px;">
 
	<div class="header-top" style="margin:10px;font-weight: bold;font-size:14px" >

    <table class="table">
   <tbody>
      <tr style="">
         <td style="width: 50px;border-top:0px;padding:3px;color:blue">主题:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_Name%></td>
      </tr>
      <tr>
         <td style="width: 50px;border-top:0px;padding:3px;color:blue">时间:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_OpenTime%></td>
      </tr>
	   <tr>
         <td style="width: 50px;border-top:0px;padding:3px;color:blue">至:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_EndTime%></td>
      </tr>
	   <tr>
         <td style="width: 50px;border-top:0px;padding:3px;color:blue" >地址:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_Address%></td>
      </tr>

	   <tr>
         <td style="width: 50px;border-top:0px;padding:3px;color:blue">简介:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_Info %></td>
      </tr>
	 	   <tr>
         <td style="width: 50px;border-top:0px;padding:3px;color:blue" >备注:</td>
         <td style="text-align: left;border-top:0px;padding:3px"><%=canpaign_model.Campaign_Remark%></td>
      </tr>  
   </tbody>
</table>  <table width="98%" border="0px"> 
    <tr>
    <td width="180"  style="color:#FF9966; min-width:100px;width:105px";><a href="javascript:" onClick="ck()" style="color:#FF9966;">点击此处查看相关信息</a></td>
	<td width="567" style="display:none;">(此处为点击链接)</td>
  </tr>
</table>
    </div></div></center>
<div class="baoming" style="background-color:blue;width:90%;font-size:20px; margin: 10px auto; color:#FFFFFF;">
<center>报名信息</center>
</div>
<div style="margin:auto 20px; height:30px; line-height:20px; width:90%; margin-left:auto; margin-right:auto;">
<form id="form1" runat="server">
  <div class="form-group">
    <label for="exampleInputmingcheng">公司名称</label>
    <input type="text" class="form-control" id="exampleInputmingcheng" runat="server"  err="公司" checkexpession="NotNull" />
  </div>
    <div class="form-group">
    <label for="exampleInputxingming">姓名</label>
    <input type="text" class="form-control" id="exampleInputxingming" runat="server"  />
  </div>
    <div class="form-group">
    <label for="exampleInputxingbie">性别</label>
    <select runat="server" class="form-control" id="exampleInputxingbie" maxlength="40">

        <option value="男" selected="selected">男</option>
        <option value="女">女</option>                    
    </select>
  </div>
    <div class="form-group">
    <label for="exampleInputbumen">部门</label>
    <input type="text" class="form-control" id="exampleInputbumen" runat="server" datacol="yes" err="部门" checkexpession="NotNull" />
  </div>
    <div class="form-group">
    <label for="exampleInputzhiwu">职位</label>
    <input type="text" class="form-control" id="exampleInputzhiwu" runat="server"  />
  </div>
    <div class="form-group">
    <label for="exampleInputshoujihaoma">手机</label>
    <input type="text" class="form-control" id="exampleInputshoujihaoma" runat="server"  />
  </div>
    <div class="form-group">
    <label for="exampleInputdianhua">办公电话</label>
    <input type="text" class="form-control" id="exampleInputdianhua" runat="server"  />
  </div>
    <div class="form-group">
    <label for="exampleInputEmail1">Email<div style="color:#ccc">(重要信息发送至此邮箱，请准确填写)</div></label>
    <input type="text" class="form-control" id="exampleInputEmail1" runat="server" />
  </div>
  <div style="margin-bottom:10px">
<center>
<%--<asp:LinkButton ID="LinkButton1" runat="server" class="btn btn-warning"  OnClientClick="return isok();" ><span style=" font-size:15px;">提交报名</span></asp:LinkButton>--%>
<%--<button type="button" OnClientClick="isok();" onclick="Save_Click()" runat="server" class="btn btn-warning">提交报名</button>--%>
<asp:Button ID="Button1" runat="server"  class="btn btn-warning" OnClientClick="return isok();" OnClick="Save_Click" Text="提交报名" />
</center>
<div id="seven" class="containter">
    		<div class="content" style="margin-top:10px">
    			最终解释权归涛涛学院所有
    		</div>
    	</div>
        <div id="eight" class="containter">
    		<div class="content">
    			<img src="img/ff.png" alt="" style="width:55px;height:44px"/>
    		</div>
    	</div>
 </div>
</form> 
</div>
</body>
 
<script type="text/javascript">
    function ck() {
        var h = '<%=canpaign_model.Campaign_DIC %>';
        window.location.href = h;
    }


    $("input").each(function () {
        $(this).attr("onblur", "ub(this);");

    });
    function isok() {
        var flag = true;
        $("input[type=text]").each(function () {
            if ($(this).val() == "") {
                $(this).css("border-color", "red");


                var dqqh = $(this).offset().top - 50; // 当前题目高度
                $('html,body').animate({
                    scrollTop: dqqh + 'px'
                }, 400);
                flag = false;
            }
        });
        if (flag) {
            var sj = $("#exampleInputshoujihaoma").val();
            var dh = $("#exampleInputdianhua").val();
            var yx = $("#exampleInputEmail1").val();
            var re = /^1\d{10}$/;
            var re1 = /^0\d{2,3}-?\d{7,8}$/;
            var re2 = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
            if (!re.test(sj)) {
                alert("手机格式不正确,请输入正确的手机号");
                flag = false;
            } else if (!re1.test(dh)) {
                alert("办公电话格式不正确,请输入正确的办公电话");
                flag = false;
            } else if (!re2.test(yx)) {
                alert("邮箱格式不正确,请输入正确的邮箱");
                flag = false;
            } else {
                flag = true;
            }
        }
        return flag;
    }
    function ub(obj) {
        if ($(obj).val() == "") {
            $(obj).css("border-color", "red");
            var dqqh = $(obj).offset().top - 50; // 当前题目高度
            $('html,body').animate({
                scrollTop: dqqh + 'px'
            }, 400);
        } else {
            $(obj).css("border-color", "");
        }
    }
    </script>
</html>
