<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="server_buy.aspx.cs" Inherits="YCHR.Web.newhr.server_buy" %>
<!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>服务购买-<%=config.sitename %></title>
<link rel="stylesheet" type="text/css" href="<%=config.templatetheme%>/css/member.css" />
<script type="text/javascript" src="<%=config.templatetheme%>/js/jquery.js"></script>
<script language="JavaScript" src="<%=config.templatetheme%>/js/jquery.validate.min.js"></script>
<script language="JavaScript" src="<%=config.templatetheme%>/js/jquery.form.js"></script>
<script type="text/javascript" src="<%=config.templatetheme%>/js/core.com.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $("#form1").validate({
                success: function (label) {
                    label.text(" ").addClass("success")
                },
                rules: { amount: { required: true, number: true }, dropgroup: { required: true, isgroup: true} },
                messages: { amount: { required: "请输入充值金额", number: jQuery.format("请正确填写金额") },
                    dropgroup: { required: "请选择购买服务" }
                },
                errorPlacement: function (error, element) {
                    if (element.is(":radio")) error.appendTo(element.parent().next().next());
                    else if (element.is(":checkbox")) error.appendTo(element.next());
                    else error.appendTo(element.parent())
                }
            })
        });
        $.validator.addMethod("isgroup", function (value, element) {
            var groupSelect = value;
            return this.optional(element) || (groupSelect != "");
        }, "请选择购买服务");
    </script>
<style>
<!--
.selectaa {
	border: 1px solid #D5D5D5;
	display: inline;
	height: 33px;
	line-height: 33px;
}
.btn_addPic {
	float:left;
	margin:0 10px;
	display: block;
	position: relative;
	width:70px;
	height: 33px;
	overflow: hidden;
	border: 1px solid #D5D5D5;
	background:url(<%=config.templatetheme%>/images/member/memberbg.gif) no-repeat 0 -420px;
	color:#999;
	cursor: pointer;
	text-align:center;
}
.btn_addPic span {
	display: block;
	line-height: 33px;
}
.filePrew {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:66px;
	height: 33px;
	font-size: 100px; /* 增大不同浏览器的可点击区域 */
	opacity: 0; /* 实现的关键点 */
	filter:alpha(opacity=0);/* 兼容IE */
}
-->
</style>
</head>
<body>
<form id="form1" runat="server">
  <!--head-->
  <!-- #include file="include/head.html" -->
  <!--nav-->
  <div class="navbox">
    <div class="navtab">
      <ul>
        <li><a href="index.aspx">招聘中心</a></li>
        <li><a href="companyinfomodify.aspx">企业资料</a></li>
        <li><a href="account.aspx">我的账户</a></li>
        <li class="now"><a href="server_buy.aspx">增值服务</a></li>
        <li><a href="/resume" target="_blank">最新人才库</a></li>
        <li class="search"><a href="resumesearch.aspx">简历搜索</a></li>
        <li class="add"><a href="addjobs.aspx">发布职位</a></li>
      </ul>
    </div>
  </div>
  <div class="clear"> </div>
  <!--content-->
  <div class="box">
    <!--menu-->
    <div class="mb_menu">
      <dl>
        <dt class="m1"><a href="javascript:void(0);">增值服务</a></dt>
        <dd> <a href="server_buy.aspx" class="now">服务购买</a></dd>
      </dl>
      <div class="ad200"> <img src="<%=config.templatetheme%>/images/member/ad2.gif" width="198" height="70"
                    alt="ad2" /></div>
    </div>
    <!--right-->
    <div class="navmbs"> 您的位置： <a href="/">网站首页</a> > <a href="Index.aspx">招聘中心</a> > 增值服务 > 服务购买</div>
    <div class="mb_infoTip" id="infotip"> <em><a href="javascript:;" onclick="document.getElementById ('infotip').className='none'"> 关闭</a></em>
      <p> <span class="ft_red">★ 可以在线充值后自助购买会员服务,也可以在线提交申请客服会联系您</span>有疑问联系客服： <span class="ft_blue"> <%=config.sitetel %></span> 联系咨询开通事宜.</p>
    </div>
    <div class="mbbox_r">
      <h3> <em>开通会员服务,拥有更好未来...</em><strong>服务购买</strong></h3>
      <div class="pad20">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="padding3">
          <tr>
            <td width="22%" align="right"><span class="ft_red">* </span>购买服务类型： </td>
            <td width="78%"><asp:DropDownList ID="dropgroup" onchange="changetxt()" class="selectaa" runat="server"> </asp:DropDownList></td>
          </tr>
          <tr>
            <td width="22%" align="right"> 所需金额： </td>
            <td width="78%"><input id="amount" class="input" maxlength="6" name="amount" tabindex="4" type="text"
                                value="" style="width: 70px;" runat="server" disabled="disabled" />
              RMB </td>
          </tr>
          <tr>
            <td width="22%" align="right"> 支付方式： </td>
            <td width="78%"><asp:RadioButtonList ID="radiozftype" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem Value="0" Selected="True">让客服联系我</asp:ListItem>
                <asp:ListItem Value="1">余额支付</asp:ListItem>
              </asp:RadioButtonList></td>
          </tr>
          <tr>
            <td align="right">&nbsp;</td>
            <td><asp:Button ID="Button1" runat="server" CssClass="btn_set" OnClick="Button1_Click"
                                Text="确认提交" /></td>
          </tr>
        </table>
      </div>
      <br />
      <br />
    </div>
    <div class="clear"> </div>
  </div>
  <div class="clear"> </div>
  <script type="text/javascript">
        $(document).ready(function () {
            $('#dropgroup').scrollablecombo();


        });

    </script>
  <script type="text/javascript">
      function changetxt() {
          var gid = $("#dropgroup").val();
            if (gid == "") {
                return;
            }
           
            var url = "/hr/companycontent.aspx?operate=selectedserver&gid=" + gid;
            App.get(url, function (res) {
                if (res.error == 1) {
                    alert("服务器出错");
                }
                else {
                    $("#amount").val(res.content);
                }
            });
        }
    </script>
  <!-- #include file="include/foot.html" -->
</form>
</body>
</html>
