xiaoben-as2-php/protected/views/teacher/add.php

<style>
    .addborder {
        border: 1px solid #ccc
    }

    .addheight {
        height: 30px;
        border-radius: 2px;
    }

    .addheight:focus {
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .ace {
        position: relative;
        top: 0px !important;
        left: 0px !important;
    }

    label {
        font-weight: 100 !important;
    }

    #phone_number-error, #teacher_name-error {
        margin-top: 4px;
    }
</style>
<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/class_navigation.php');?>
    <!--    导航栏结束-->
    <div class="page-content" style="margin-top:15px;">
        <div class="row" style="margin:0px">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->

                <form class="form-horizontal" action="<?php echo $this->createUrl('teacher/add'); ?>" method="post"
                      id="teachSubmit">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">教师姓名<span class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <input type="text" name="teacher_name"
                                   class="col-xs-10 col-sm-3 addborder addheight marginLeftNo"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">登录手机号<span
                                    class="errorMessage">*</span>:</label>

                        <div class="col-sm-9">
                            <input type="text" name="phone_number"
                                   class="col-xs-10 col-sm-3 addborder addheight marginLeftNo phone_number"/>
                            <label class="errorMessage forPhoneNumber"></label>
                        </div>

                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">登录密码<span class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <input type="text" id="password" name="password"
                                   class="col-xs-10 col-sm-3 addborder addheight" value="123456"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">确认密码<span class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <input type="text" id="password2" name="password2"
                                   class="col-xs-10 col-sm-3 addborder addheight" value="123456"/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">电话<span class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <input type="text" name="teacher_phone" class="col-xs-10 col-sm-3" />
                        </div>
                    </div> -->

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">邮箱:</label>
                        <div class="col-sm-9">
                            <input type="text" name="teacher_email" class="col-xs-10 col-sm-3 addborder addheight"/>
                        </div>
                    </div>

                    <div class="form-group form-group-teacher">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">学科组<span
                                    class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <div class="col-xs-10 col-sm-3 addheight diy_select" style="padding:0;border:0;">
                                <div style="border:1px solid #ccc;height:100%;" class="clearfix">
                                    <div class="diy_select_txt col-xs-10" style="padding:0;">请选择学科组</div>
                                    <div class="diy_select_btn col-sm-2"></div>
                                </div>
                                <ul class="diy_select_list">

                                    <?php
                                    $noShow=array(18,19);
                                    $noShow=array_merge($noShow,Yii::app()->params['mathSubjectId']);
                                    unset($noShow[array_search(3,$noShow)]);
                                    unset($noShow[array_search(41,$noShow)]);
                                    foreach(Yii::app()->params["subjectId"] as $k=>$v){
                                        if(!in_array($k,$noShow)){
                                            ?>
                                            <li val="<?php echo $k?>"><?php echo $v?></li>
                                            <?php
                                        }}?>

                                </ul>
                            </div>
                            <input type='hidden' class='diy_select_input' id="subjects" name="subjects" value=""/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">岗位<span
                                    class="errorMessage">*</span>:</label>
                        <div class="col-sm-9">
                            <div class="col-xs-10 col-sm-3 addheight diy_select" style="padding:0;border:0;">
                                <div style="border:1px solid #ccc;height:100%;" class="clearfix">
                                    <div class="diy_select_txt col-xs-10" style="padding:0;">请选择教师岗位</div>
                                    <div class="diy_select_btn col-sm-2"></div>
                                </div>
                                <ul class="diy_select_list post">
                                    <li val="0" class="">请选择教师岗位</li>
                                   <!-- <li val="5" class="">校长</li>-->
                                    <li val="4" class="">任课教师</li>
                                    <li val="3" class="">年级主任</li>
                                    <li val="2" class="">教研组长</li>
                                    <li val="1" class="">班主任</li>
                                </ul>
                            </div>
                            <input type='hidden' class='diy_select_input' id="posts" name="posts" value=""/>
                        </div>
                    </div>
                    <div class="form-group" id="_grade">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">年级主任所在年级:</label>
                        <div class="col-sm-9">
                            <select name="grade" style="width: 100px;">
                                <option value="0">请选择</option>
                                <?php
                                if(Yii::app()->params['grade_config']){
                                    foreach (Yii::app()->params['grade_config'] as $val){
                                        echo '<option value="'.$val['id'].'" >'.$val['grade_name'].'</option>';
                                    }
                                }
                                ?>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">职称:</label>
                        <div class="col-sm-9">
                            <div class="col-xs-10 col-sm-3 addheight diy_select" style="padding:0;border:0;">
                                <div style="border:1px solid #ccc;height:100%;" class="clearfix">
                                    <div class="diy_select_txt col-xs-10" style="padding:0;">请选择职称</div>
                                    <div class="diy_select_btn col-sm-2"></div>
                                </div>
                                <ul class="diy_select_list">
                                    <li val="" class="">请选择职称</li>
                                    <li val="3" class="">三级教师</li>
                                    <li val="2" class="">二级教师</li>
                                    <li val="1" class="">一级教师</li>
                                    <li val="4" class="">高级教师</li>
                                </ul>
                            </div>
                            <input type='hidden' class='diy_select_input' id="title" name="title" value="0"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">教龄:</label>
                        <div class="col-sm-9">
                            <input type="text" name="teacher_age" class="col-xs-10 col-sm-3 addborder addheight"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">性别:</label>
                        <div class="col-sm-9 mt6">
							<span class="inline blue">
								<input type="radio" class="ace" name="teacher_sex" value="0" checked="checked">
								<span class="lbl middle"> 男</span>
							</span>
                            &nbsp; &nbsp; &nbsp;
                            <span class="inline blue">
								<input type="radio" class="ace" name="teacher_sex" value="1">
								<span class="lbl middle"> 女</span>
							</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3 no-padding-right">状态<span
                                    class="errorMessage">*</span>:</label>
                        <div class="col-sm-9 mt6">
							<span class="inline blue">
								<input type="radio" class="ace" name="status" value="0" checked="checked">
								<span class="lbl middle"> 有效</span>
							</span>
                            &nbsp;
                            <span class="inline blue">
								<input type="radio" class="ace" name="status" value="1">
								<span class="lbl middle"> 无效</span>
							</span>
                        </div>
                    </div>

                    <div class="clearfix form-actions">
                        <div class="col-md-offset-3 col-md-9">
                            <input type="hidden" name="changeSchool" value="0">
                            <button class="btn btn-success btn-sm" type="submit" id="schoolSubmit">
                                <i class="ace-icon fa fa-check bigger-110"></i>
                                提交
                            </button>
                            &nbsp; &nbsp; &nbsp;
                            <button class="btn btn-success btn-sm" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                重填
                            </button>
                        </div>
                    </div>
                </form>

                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
</div>
<script src="/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->
<script src="/js/ace-elements.min.js"></script>
<script src="/js/ace.min.js"></script>

<!-- 学校管理 js -->
<script src="/js/school.management.js"></script>
<script src="/js/xsgl.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript">

	jQuery(function($) {
        //alert($("#class_id").val());
        $("#_grade").hide();

        var phoneNumberCheck=false;
        var isSuperMan=false;
        <?php
        if(isset(Yii::app()->session['testFlag']) && (Yii::app()->session['testFlag']==1)){
           // echo 'isSuperMan=true;';
        }
        ?>
        var schoolName='其它学校';
        //检测手机号
        $.validator.addMethod("isPhone", function (value, element) {
            var regMobile = /^1([356789]\d|4[57])\d{8}$/;
            return this.optional(element) || (regMobile.test(value));
        }, "手机号格式有误！");

        //检测邮箱
        $.validator.addMethod("isMail", function (value, element) {
            var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
            return this.optional(element) || (regMail.test(value));
        }, "请填写正确的邮箱！");

        $('#teachSubmit').validate({
            //debug:true,// 表单不会提交
            //errorElement: 'font', // 错误信息div
            errorClass: 'errorMessage', //错误样式
            ignore: "", //忽略提交字段
            rules: {
                class_id: {
                    required: false,
                    isCheck: true
                },
                teacher_name: {
                    required: true,
                    maxlength: 20
                },
                password: {
                    required: true,
                    minlength: 6
                },
                password2: {
                    required: true,
                    minlength: 6,
                    equalTo: "#password"
                },
                teacher_age: {
                    digits: true
                },

                teacher_email: {
                    //required: true,
                    isMail: true
                },
                teacher_sex: {
                    required: true,
                },
                status: {
                    required: true,
                },
                subjects: {
                    required: true,
                },
                posts: {
                    required: true,
                    range: [1, 5]
                },

            },
            messages: {
                class_id: {
                    required: "请选择班级",
                },
                teacher_name: {
                    required: "请填写教师姓名!",
                    maxlength: "教师名称长度不能超过20个字符！"
                },
                password: {
                    required: "请填写登录密码!",
                    minlength: "密码不能少于6位字符!"
                },
                password2: {
                    required: "请填写确认密码!",
                    minlength: "密码不能少于6位字符!",
                    equalTo: "两次密码输入不一致!"
                },
                teacher_age: {
                    digits: "教师年龄必须是合法整数!"
                },
                phone_number: {
                    required: "请填写教师电话!",
                    rangelength: "输入手机号不能大于或小于11位！",
                    remote: "此手机号已存在"

                },
                teacher_email: {
                    isMail: "请填写正确的邮箱！"
                },
                teacher_sex: {
                    required: "请选择性别！"
                },
                status: {
                    required: "请选择状态！"
                },
                subjects: {
                    required: "请选择学科！",
                },
                posts: {
                    required: "请选择岗位！",
                    range: '请选择岗位'
                }
            },
            errorPlacement: function (error, element) { // 指定错误信息显示位置

                if (element.is('input[type=radio]')) {
                    var controls = element.closest('div[class*="col-"]');
                    if (controls.find(':checkbox,:radio').length > 1) controls.append(error);
                    else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
                } else {
                    console.log(element);
                    error.insertAfter(element.after());
                }
            },
        });
        $(".diy_select_list.post li").click(function () {
            if ($(this).attr('val') == 3) {
                $("#_grade").show();
            }
        });

        $('.phone_number').change(function(){
            phoneNumberCheck=false;
            phoneNumber=$(this).val();
            $('input[name=changeSchool]').val(0);

            obj=$(this);
            var regMobile = /^1([356789]\d|4[57])\d{8}$/;
            if(!regMobile.test(phoneNumber)){
                $('.forPhoneNumber').html('手机号格式有误！');
                $(this).focus();
                return false;
            }
            layer.msg('正在检测手机号，请稍候。。。。。。',{time:0});
            $.ajax({
                url: "<?php echo $this->createUrl('teacher/verifyphone_number');?>",
                type:'POST',
                dataType:'json',
                data:{phone_number:phoneNumber},
                success:function(res){
                    layer.closeAll();
                    if(res.status==-1){
                        obj.focus();
                        $('.forPhoneNumber').html('本校内该手机号已存在！');
                    }else if(res.status==0){
                        obj.focus();
                        var showMessage='';

                        if(isSuperMan){
                            showMessage="该手机号已存在，请仔细核查是否填写错误";
                            schoolName='其它学校';
                            if(res.data){
                                schoolName=res.data;
                            }
                            layer.confirm('该手机号已在['+schoolName+']注册，是否迁移到当前学校？', {
                                btn: ['确定', '取消']
                            }, function(index, layero){
                                phoneNumberCheck=true;
                                $('.forPhoneNumber').html('');
                                $('input[name=changeSchool]').val(1);
                                layer.closeAll();
                            }, function(index){
                               showMessage="该手机号已存在，点击查看详情";
                               layer.closeAll();
                               $('.forPhoneNumber').addClass('again').html(showMessage);

                            });
                        }else{
                            showMessage="该手机号已存在，请仔细核查是否填写错误，若需转校可联系技术支持处理";
                            $('.forPhoneNumber').html(showMessage);
                        }


                    }else if(res.status==1){
                        phoneNumberCheck=true;
                        $('.forPhoneNumber').html('');
                    }
                }
            })
        });

        $('#schoolSubmit').click(function(){
            if(!phoneNumberCheck){
                return false;
            }
        });
        $('.form-horizontal').on('click','.again',function(){
            layer.confirm('该手机号已在['+schoolName+']注册，是否迁移到当前学校？', {
                btn: ['确定', '取消']
            }, function(index, layero){
                phoneNumberCheck=true;
                $('.forPhoneNumber').html('');
                $('input[name=changeSchool]').val(1);
                layer.closeAll();
            }, function(index){
                showMessage="该手机号已存在，点击查看详情";
                layer.closeAll();
                $('.forPhoneNumber').addClass('again').html(showMessage);

            });
        })

    });
</script>