haoshengxin/backend/views/manage/add_manage.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 下午 3:41
 */
use yii\helpers\Url;
use yii\widgets\ActiveForm;
use common\models\UploadForm;
use kucha\ueditor\UEditor;


?>
<script src="/js/layer/laydate/laydate.js"></script>
<style type="text/css">
.modal-backdrop.in {display: none!important;}
.modal-open .modal {background: rgba(0, 0, 0, 0.52);}
.modal.in .modal-dialog{position: fixed;margin-left: -300px;top: 10%;left: 50%;}
.form-control{
    width: auto;
}
</style>
<?php if(empty($model->id)):?>
    <form id="myform" action="<?=Url::toRoute(['manage/add_manage']);?>" method="post">
<?php else:?>
<!--    <form id="myform"action="--><?//=Url::toRoute(['manage/edit_manage']);?><!--" method="post">-->
<?php endif;?>

        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">姓名：</label>
                        <div class="col-sm-10"  style="padding-left:0">
                            <input type="text" id="realname" name="realname" class="form-control " rows="2" maxlength="32" value="<?=empty($model->realname)?"":"$model->realname";?>">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">账号：</label>
                        <div class="col-sm-10"  style="padding-left:0">
                            <input type="text" id="username" name="username" class="form-control " rows="2" maxlength="32" value="<?=empty($model->username)?"":"$model->username";?>">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">密码：</label>
                        <div class="col-sm-10"  style="padding-left:0">
                            <input type="password" id="pwd" name="pwd" class="form-control " rows="2" maxlength="120" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">确认密码：</label>
                        <div class="col-sm-10"  style="padding-left:0">
                            <input  type="password" id="pwd_again" name="pwd_again" class="form-control " rows="2" maxlength="120" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">角色：</label>
                        <div class="col-sm-10"  style="padding-left:0">
                            <select name="admin_role" class="form-control">
                                <?php foreach($roles as $k=>$v):?>
                                    <option value="<?=$v->name;?>" ><?=$v->description;?></option>
                                <?php endforeach;?>
                            </select>
                        </div>
                    </div>
                    <input type="hidden" name="_csrf-backend" value="<?=Yii::$app->request->csrfToken;?>" />
                    <input type="hidden" name="id" value="<?=empty($model->id)?'': $model->id;?>" />
                </div>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                  全部
                </div>
                <div class="panel-body">
                    <span class="simple_tag"><input class="i-checks" type="checkbox" name='all' value="all" style="margin-right: 5px;" >全选</span>
                </div>
            </div>
        </div>
        <?php foreach ($nodes as $node): ?>
            <div class="col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <input class="i-checks" type="checkbox" name='province' value="<?= $node->area_id; ?>" style="margin-right: 5px;" ><?= $node->area ?></span>
                    </div>
                    <div class="panel-body">
                        <?php foreach ($node->citys as $temp): ?>
                            <span class="simple_tag" style="margin: 5px;"><input data-id="<?= $node->area_id; ?>" class="i-checks" type="checkbox" name='citys[]' value="<?= $temp->area_id; ?>" style="margin-right: 5px;" ><?= $temp->area; ?></span>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        <?php endforeach; ?>
        <div class="form-group">
            <div class="col-sm-2"></div>
            <div class="col-sm-10">
                <button class="btn btn-primary" id="submit">添加</button>
                <button  type="button" class="btn btn-default" onclick="location.href='<?=Url::toRoute(['manage/index']);?>'">取消添加</button>
                </label>
            </div>
        </div>
    </form>


<script>
    var lock = true;
    $('#username').blur(function(){
        var username = $('#username').val();
        $.ajax({
            url: '<?=Url::toRoute(['manage/checkname'])?>',
            type: 'POST',
            dataType:"json",
            data: {username:username, '_csrf-backend': '<?=Yii::$app->request->getCsrfToken();?>'},
            success: function (data) {
                if(data=='该账号已存在'){
                    lock = false;
                    layer.alert('该账号已存在');
                }else{
                    lock = true;
                }
            }
        })
    });
    $('#submit').click(function(){
        var passreg = /^\w{5,17}$/;
        var pwd = $('#pwd').val();
        var pwd_again = $('#pwd_again').val();
        var email = $('#email').val();
        var email_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
        if(pwd ==''){
            layer.alert('请设置密码');
            return false;
        }else if(!passreg.test(pwd)){
            layer.alert('请输入只包含字符、数字和下划线，长度在6~18之间的密码');
            return false;
        }else if(pwd_again ==''){
            layer.alert('请再输一次密码');
            return false;
        }else if(pwd_again !=pwd){
            layer.alert('两次输入的密码不正确');
            return false;
        }
        if(lock){
            lock=false;
            $('#myform').submit();
        }else{
            alert('该账号已存在')
        }
    });
    $(document).ready(function(){$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",})});




    $("input:checkbox[name='all']").on('ifClicked',function () {
        var check = $(this).is(':checked');
        if(check == false){
            $("input:checkbox[name='province']").iCheck('check');
            $("input:checkbox[name='citys[]']").iCheck('check');
        }
        else if(check == true){
            $("input:checkbox[name='province']").iCheck('uncheck');
            $("input:checkbox[name='citys[]']").iCheck('uncheck');
        }
    });

    $("input:checkbox[name='province']").on('ifClicked',function () {
        var check = $(this).is(':checked');
        if(check == false){
            $("input:checkbox[data-id='"+$(this).val()+"']").iCheck('check');
        }
        else if(check == true){
            $("input:checkbox[data-id='"+$(this).val()+"']").iCheck('uncheck');
            $("input:checkbox[name='all']").iCheck('uncheck');
        }
    });

    $("input:checkbox[name='province']").on('ifChanged',function () {
       var length = $("input:checkbox[name='province']").not("input:checked").length;
       if(length==0)
           $("input:checkbox[name='all']").iCheck('check');
    });

    $("input:checkbox[name='citys[]']").on('ifClicked',function () {
        var check = $(this).is(':checked');
        if(check == false){
            var length =$(this).parent().parent().parent().find("input:checkbox[name='citys[]']").not("input:checked").length;
            if(length == 1)
                $(this).parent().parent().parent().parent().find(".panel-heading input[type='checkbox']").iCheck('check');
        }
        else if(check == true){
            $(this).parent().parent().parent().parent().find(".panel-heading input[type='checkbox']").iCheck('uncheck');
            $("input:checkbox[name='all']").iCheck('uncheck');
        }
    });


</script>