{% extends "mobileui/mobile_base.html" %}
{% block title %}
注册
{% endblock %}
{% block css %}
<style>
    body{
        height:1000px;
        background:#F3F3F3;
    }
    .pagelet {
        padding:0;
        background:#F3F3F3;
    }
    .pure-form-aligned .pure-control-group label{
        position:absolute;
        margin-top:0px;
        height:68px;
        line-height:70px;
        top:0;
        text-align:center;
        border: 1px solid #D4D4D4;
        border-right:0px;
        //border-bottom:0px;
        border-left:0px;
        background:#FFFFFF;
    }
    .lbtitle {
        font-size:16px;
        font-weight:bold;
        width:80px; 
        color:#000000;
    }
    .pure-form-aligned .pure-control-group{
        margin-top:10px;
        margin-bottom:10px;
    }
    .pure-form input[type="text"] {
        margin-left:80px;
        width:78%;
        height:70px;
        border-radius:0;
        box-shadow:none;
        border: 1px solid #D4D4D4;
        border-right:0px;
        border-left:0px;
        padding:0 0.1em;
        outline:none;
        -webkit-appearance:none;
    }
    .pure-form input[type="text"]:focus {
        outline:none;
        border: 1px solid #D4D4D4;
        border-right:0px;
        border-left:0px;
        -webkit-appearance:none;
    }
    .pure-form button{
        height:60px;
        width:90%;
        border-radius:10px;
        font-size:18px;
        word-spacing:25px;
    }
</style>
{% endblock %}
{% block content %}
<div class="pagelet">
  <div class="pagelet_inner">
    <div class="error-tip-wrapper"><div class="error-tip"><span></span><b></b><i></i></div></div>
    <form class="pure-form pure-form-aligned" action="/m/agent_reghook" method="POST" id="form">
        <div class="reg-box">
            <div class="pure-control-group">
                <label for="lb" class="lbtitle">真实姓名</label><input type="text" name="name"  placeholder="请填写您的姓名" data-validation="string" data-notify="姓名格式错误" value="">
            </div>
            <div class="pure-control-group">
                <label for="lb" class="lbtitle">身份证号</label><input type="text" name="idno"  placeholder="请填写您的身份证号" data-validation="cnidno" data-notify="身份证号格式错误" value="">
            </div>
            <div class="pure-control-group">
                <label for="lb" class="lbtitle">工资卡号</label><input type="text" name="bankcard"  placeholder="请填写您的工资卡号" data-validation="bankcard" data-notify="工资卡号格式错误" value="">
            </div>
        </div>
        <div class="pure-controls">
          <button type="submit" class="pure-button pure-button-primary">购买</button>
        </div>
    </form>
  </div>
</div>
{% endblock %}
{% block js %}
<script>
    Spoon.use(['jquery', 'toolbox', 'form/submitter', 'panel/MessageBox'], function() {
        var $ = require('jquery');
            Submitter = require('form/submitter');

        $(function() {
            var form = $('#form');
            $('#form').submit(Submitter(function(form){
                //var done = function(data) {
                //    //alert('设定成功');
                //    //location.reload();
                //};
                //var el_amount = $('#amount');
                //return {
                //    errorformat: {
                //        2027 : el_amount
                //},
                //done: done
              };
          }));
      });
    });
</script>
{% endblock %}