AreaRegister

@using GTA.CMS.Site.Models
@using GTA.Component.Tools
@using GTA.CMS.Site.Models.CMS
@model GTA.CMS.Site.Models.CMS.StudentInfoModel
@{
    Layout = "_Layout.cshtml";
    CommonViewData viewData = new CommonViewData(ViewData);
    List<StudentInfoModel> list = ViewBag.teacherList;
    
}
<script src="~/Resource/Common/jquery-1.7.2.min.js"></script>
<script src="~/Resource/static/home/js/jquery.cookie.js"></script>
<script src="~/Resource/Common/customAjax-1.0.0.js"></script>

<div class="container-fluid join-banner">
    <div class="container">
        <ol class="breadcrumb font16">
            <li><i class="fa fa-home"></i><a href="/">首页</a></li>

            <li class="active">@viewData.DefaultOpenColumn.Name</li>
        </ol>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-lg-12">
            </div>

        </div>
    </div>
 

    <div class="container">

        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" id="form1">

                    <div class="form-group">
                        <label class="col-lg-3 control-label">请选择老师</label>
                        <div class="col-lg-9">
                            <select class="form-control selectpicker" data-style="btn-write" name="TeachList" id="TeachList">
                                <option data-subtext="<i class='fa fa-warning text-danger'></i> 请正确匹配老师" value="">请选择老师</option>
                             @foreach (var item in list)
                             {
                                <option data-subtext="@item.StudentName" value="@item.Id">@item.StudentName</option>
                             }
                            </select>
                            <p id="TeacherType_Info" style="line-height:0px;color:red;font-size:smaller;margin-top:8px;text-align:center">  </p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <b style="font-size: large" class="col-lg-3 control-label">老师信息</b>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">教师姓名</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="teaName" name="teaName" placeholder="请输入教师姓名">
                            <p id="StudentName_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">教师地址</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="teaAdress" name="teaAdress" placeholder="请输入教师地址">
                            <p id="Adress_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>


                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">教师手机</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="teaPhone" name="teaPhone" placeholder="请输入教师手机">
                            <p id="Phone_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <b style="font-size: large" class="col-lg-3 control-label">学生信息</b>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">学生姓名</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="stuName" name="stuName" placeholder="请输入学生姓名">
                            <p id="StudentName_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-3 control-label">学员年级</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="Grade" name="Grade" placeholder="请输入学员年级">
                            <p id="StudentName_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">学生地址</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="stuAdress" name="stuAdress" placeholder="请输入学生地址">
                            <p id="Adress_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">学生手机</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="stuPhone" name="stuPhone" placeholder="请输入学员手机">
                            <p id="Phone_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>


                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">家教科目</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="Subject" name="Subject" placeholder="请输入学员求教科目">
                            <p id="Subject_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">授课时间</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="TeachTime" name="TeachTime" placeholder="请输入学员授课时间">
                            <p id="TeachTime_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">课时费</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control" id="Mony" name="Mony" placeholder="请输入课时费">
                            <p id="TeachTime_Info" style="line-height: 0px; color: red; font-size: smaller; margin-top: 8px; text-align: center"></p>
                        </div>
                    </div>

                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label">备注信息</label>
                        <div class="col-lg-9">
                            <textarea rows="6" class="form-control" id="Remarks" name="Remarks" placeholder="请输入备注信息"></textarea>

                        </div>
                    </div>

                    <div class="form-group text-left">
                        <div class="col-sm-offset-3 col-sm-9">
                            <button class="btn btn-danger" type="button" id="btn_Submit"><i class="fa fa-user"></i>提交</button>

                        </div>
                    </div>
                </form>
            </div>

        </div>

    </div>
</div>
<script type="text/javascript">
    var regTelphone = /^[1][3,4,5,7,8][0-9]{9}$/;

    $(function () {

        $("#TeachList").change(function () {
            var opt = $("#TeachList").val();

});
        //保存
        $("#btn_Submit").click(function () {
            $("#StudentName_Info").html("");
            $("#Subject_Info").html("");
            $("#Adress_Info").html("");
            $("#Grade_Info").html("");
            $("#Phone_Info").html("");
            $("#TeachTime_Info").html("");

            if ($("#StudentName").val() == null || $("#StudentName").val() == "") {
                $("#StudentName_Info").html("请输入学员姓名!");
                $("#StudentName").focus();
                return;
            }

            if ($("#Grade").val() == "" || $("#Grade").val() == null) {
                $("#Grade_Info").html("请选择学员所在年级!");
                $("#Grade").focus();

                return;
            }
            if ($("#Adress").val() == null || $("#Adress").val() == "") {
                $("#Adress_Info").html("请输入学员所在地址!");
                $("#Adress").focus();
                return;
            }
            //联系方式表单验证
            var telphone = $("#Phone").val();
            if (telphone == "") {
                $("#Phone_Info").html("请输入您的手机号!");
                $("#Phone").focus();
                return;
            }


            if (!regTelphone.test(telphone)) {
                $("#Phone_Info").html("手机号格式不正确");
                $("#Phone").focus();

                return;
            }

            if ($("#Subject").val() == "") {
                $("#Subject_Info").html("请输入求教科目!");
                $("#Subject").focus();
                return;
            }
            if ($("#TeachTime").val() == "") {
                $("#TeachTime_Info").html("请输入学员教授时间!");
                $("#TeachTime").focus();

                return;
            }
            ajaxSubmit("@Url.Action("AddStudent", "ContentShow")", "#form1", function (data) {
                if (data.ResultType == 0) {
                    $.cookie('listid', null, { path: "/", expires: -1 });
                    alert("提交成功,请耐心等待管理员处理!");
                } else {

                }
            }, "");
        });
    });



    function deleteteacherid(id) {
        var cookid = $.cookie("listid").split(",");
        var newCookid = [];

        for (var i in cookid) {
            if (cookid[i] != id) {
                newCookid.push(cookid[i]);
            }
        }

        $.cookie("listid", newCookid.join(','), {
            path: '/'
        });

        $("#div_" + id).remove();

        $("#beixuan_count").text(newCookid.length);
        $("#teacher_id").val(newCookid.join(','));
        if (newCookid.length == 0) {
            $('#empty_beixun_tip').show();

        }
    }

    $(function () {
        var cookid = $.cookie("listid");
        $("#teacher_id").val(cookid);

    });


</script>
原文地址:https://www.cnblogs.com/zyq-dan/p/10077929.html