pgfqe6ch8/app/views/trainings/enroll.html.erb

<div>
  <p class="collegeInfo">湖南警察学院大数据培训缴费</p>
  <%= form_for @training do |f| %>
    <p class="subtitle">基本信息</p>
    <li class="clearfix infoBar">
      <span class="left_tag fl">姓名</span>
      <input type="text" class="right_input" id="username" name="name"
             placeholder="请输入真实姓名" value="<%= @training.name %>"/>
    </li>
    <li class="clearfix infoBar" id="userSex" NavShow>
      <span class="left_tag fl">性别</span>
      <label class="fr" id="sexl" style="margin-right: 24px;"><%= @training.sex == 1 ? '男' : '女' %></label>
      <i class="iconfont icon-youjiantou rightArrow"></i>
      <input type="hidden" id="sex" name="sex" value="<%= @training.sex ==1 ?1 : 2 %>">
    </li>
      <li class="clearfix infoBar">
        <span class="left_tag fl">专业</span>
        <input type="text" class="right_input" id="userMajor" placeholder="请输入专业"
               name="major"
               value="<%= @training.major %>"/>
      </li>
      <li class="clearfix infoBar">
        <span class="left_tag fl">学号</span>
        <input type="text" class="right_input" id="userID" placeholder="请输入学号"
               name="student_id"
               value="<%= @training.student_id %>"/>
      </li>
    <!--<li class="clearfix infoBar">
      <span class="left_tag fl">单位</span>
      <input type="text" class="right_input" id="userunit" placeholder="请输入单位名称或学校"
             name="school"
             value="<%#= @training.school %>"/>
    </li>-->
    <!--<li class="clearfix infoBar">
      <span class="left_tag fl">职称</span>
      <input type="text" class="right_input" id="usertitle" placeholder="请输入职称"
             name="position"
             value="<%#= @training.position %>"/>
    </li>-->
    <!--<p class="subtitle">通讯地址</p>
    <li class="clearfix infoBar">
      &lt;!&ndash;    <div class="clearfix" id="userArea" NavShow>&ndash;&gt;
      &lt;!&ndash;        <span class="left_tag fl">地区</span>&ndash;&gt;
      &lt;!&ndash;        <input type="text" class="right_input" id="usertitle" placeholder="填写区域"/>&ndash;&gt;
      &lt;!&ndash;        <i class="iconfont icon-youjiantou rightArrow"></i>&ndash;&gt;
      &lt;!&ndash;    </div>&ndash;&gt;
      <textarea class="DetailAddress" placeholder="详细地址" name="address"
                id="DetailAdd"><%#= @training.address %></textarea>

    </li>-->
    <li class="clearfix infoBar">
      <span class="left_tag fl">手机号码</span>
      <input type="text" class="right_input" placeholder="请输入手机号" id="userphone"
             name="phone"
             value="<%= @training.phone %>"/>
    </li>
    <!--<li class="clearfix infoBar">
      <span class="left_tag fl">Email</span>
      <input type="text" class="right_input" placeholder="请输入Email" id="userEmail"
             name="email"
             value="<%#= @training.email %>"/>
    </li>-->
    <p style="height: 50px;"></p>
    <a href="javascript:void(0)" class="EnrollNext" onclick="NextStep();">下一步</a>
  <% end %>
</div>

<div class="sexDownNav downNav">
  <li>男</li>
  <li>女</li>
</div>
<script>
    $(function () {
        var down = $('#userSex');
        var downNav = $(".sexDownNav");
        showNav(down, downNav, "down");

        $(".sexDownNav li").on("click", function () {
            $(down).find("#sexl").html($(this).html());
            hideNav(downNav);

            if ($(this).html()=='男'){
                $('#sex').val("1");
            }  else {
                $('#sex').val("2");
            }
        })
    })

    //下一步
    function NextStep() {
        var username = $("#username").val();
        var userMajor = $("#userMajor").val();
        var userphone = $("#userphone").val();
        var userID = $("#userID").val();

        if (username == '') {
            alert("请输入真实姓名");
            return;
        }
        if (userMajor == '') {
            alert("请输入专业");
            return;
        }

        if (userID == '') {
            alert("请输入学号");
            return;
        }

        if (userphone == '') {
            alert("请输入手机号码");
            return;
        } else if (!/^1\d{10}$/.test(userphone) && !/^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(userphone)) {
            alert("请输入正确的手机号码");
            return;
        }

        $('form').submit();

    }

</script>