huahuibao/app/admin/views/class/add.php

<?php use common\widgets\UeditorWidget; ?>
		<div class="page-title">
				<div class="title-env">
					<h1 class="title">新建培训班</h1>
				</div>
				<div class="breadcrumb-env">
					<ol class="breadcrumb bc-1">
						<li>
							<a href="/"><i class="fa-home"></i>Home</a>
						</li>
						<li>
							<a href="javascript:void(0)">花艺培训</a>
						</li>
						<li class="active">
							<strong>培训课程</strong>
						</li>
					</ol>
				</div>
				</div>
			<div class="row">
				<div class="col-sm-12">
					
					<div class="panel panel-default">

						<div class="panel-body">
							
							<form role="form" class="form-horizontal">
								
								<div class="form-group">
									<label class="col-sm-2 control-label">*班级名称：</label>
									
									<div class="col-sm-10">
										<input type="text" class="form-control" name="className" placeholder="">
										<p></p>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-1">*课程概要：</label>
									<div class="col-sm-10">
										<textarea name="classSummary" class="form-control" placeholder=""></textarea>
										<p></p>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-1">*课程简介：</label>
									<div class="col-sm-10">
										<textarea name="classIntro" class="form-control" placeholder=""></textarea>
										<p></p>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">*学费：</label>
									<div class="col-sm-10">
										<input type="number" class="form-control" name="classTuition" placeholder="">
										<p></p>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">*节课数：</label>
									<div class="col-sm-10">
										<input type="number" class="form-control" name="classLesson" placeholder="">
										<p></p>
									</div>
								</div>
								<div class="form-group-separator"></div>
								<div name="courseList">

										<div class="form-group" no="1">
											<label class="col-sm-2 control-label">*课程1：</label>
											<div class="col-sm-10">
												<input type="tel" class="form-control" name="courseName[]" placeholder="名称">
												<textarea name="courseIntro[]" class="form-control" placeholder="简介" style="margin-top:5px;"></textarea>
												<p></p>
											</div>
										</div>
										<div class="form-group" no="2">
											<label class="col-sm-2 control-label">*课程2：</label>
											<div class="col-sm-10">
												<input type="tel" class="form-control" name="courseName[]" placeholder="名称">
												<textarea name="courseIntro[]" class="form-control" placeholder="简介" style="margin-top:5px;"></textarea>
												<p></p>
											</div>
										</div>
										<div class="form-group" no="3">
											<label class="col-sm-2 control-label">*课程3：</label>
											<div class="col-sm-10">
												<input type="tel" class="form-control" name="courseName[]" placeholder="名称">
												<textarea name="courseIntro[]" class="form-control" placeholder="简介" style="margin-top:5px;"></textarea>
												<p></p>
											</div>
										</div>

								</div>
								<div style="padding-bottom:8px;font-size:13px;">
									<div class="form-group">
										<label class="col-sm-2 control-label"> </label>
										<div class="col-sm-10" name="addCourse" style="cursor:pointer;">
											<li class="fa-plus"></li> 增加课程
										</div>
									</div>
								</div>
								<div class="form-group" style="text-align:center;">
									<button type="button" onclick="addSubmit('click',this)" class="btn btn-info btn-single">确认</button>
									<button type="button" onclick="history.go(-1);" class="btn btn-info btn-single">返回</button>
								</div>								
							</form>						
						</div>
					</div>
				</div>
			</div>

<!-- footer -->
<?php 
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget()?>
<!-- footer -->

<script>

//增加课程
$("div[name=addCourse]").click(function(){
	var courseList = $("div[name=courseList]");
	var num = $("div[name=courseList] > div").length;
	num++;
	if(num > 30){
		xhPopMsg('最多只能添加30个课程',1300);
		return;
	}
	var courseHtml = '<div class="form-group" no="'+num+'">\
	<label class="col-sm-2 control-label">*课程'+num+'：</label>\
	<div class="col-sm-10">\
		<input type="tel" class="form-control" name="courseName[]" placeholder="名称" style="width:85%;display:inline-block;"> <li onclick="delCourse(this,'+num+')" style="cursor:pointer;font-size:130%" class="fa-trash"></li>\
		<textarea name="courseIntro[]" class="form-control" placeholder="简介" style="margin-top:5px;"></textarea>\
		<p></p>\
	</div>\
	</div>';
	courseList.append(courseHtml);
});

//删除课程
function delCourse()
{
	var o	= arguments[0];
	var no	= arguments[1];
	var num = $("div[name=courseList] > div").length;
	if(no < num){
		xhPopMsg('请从最后面开始删除课程',1300);
		return;
	}
	$(o).parent().parent().remove();
}

//添加课程验证流程
var className		= $("input[name=className]");
var classSummary	= $("textarea[name=classSummary]");
var classIntro		= $("textarea[name=classIntro]");
var classTuition	= $("input[name=classTuition]");
var classLesson		= $("input[name=classLesson]");
var needValidate	= [className,classSummary,classIntro,classTuition,classLesson];
//添加课程验证流程
addSubmit();
function addSubmit()
{
	setStats(className, '请填写课程名称', function(val, mess){
		var info=[false, mess];
		if(val.length <= 0){
			info[1] = '请填写课程名称';
		}else if(getLength(val) >=0 && getLength(val) <=40){
			info[0] = true;
			info[1] = '填写正确';					
		}else{
			info[0] = false;
		}
		return info;
	});
	setStats(classSummary, '请填写课程概要', function(val, mess){
		var info=[false, mess];
		if(val.length <= 0){
			info[1] = '请填写课程概要';
		}else if(getLength(val) >=0 && getLength(val) <=40){
			info[0] = true;
			info[1] = '填写正确';					
		}else{
			info[0] = false;
		}
		return info;
	});
	setStats(classIntro, '请填写课程简介', function(val, mess){
		var info=[false, mess];
		if(val.length <= 0){
			info[1] = '请填写课程简介';
		}else if(getLength(val) >=0 && getLength(val) <=40){
			info[0] = true;
			info[1] = '填写正确';					
		}else{
			info[0] = false;
		}
		return info;
	});
	setStats(classTuition, '请填写学费', function(val, mess){
		var info=[false, mess];
		if(val.length <= 0){
			info[1] = '请填写学费';
		}else if(getLength(val) >=0 && getLength(val) <=40){
			info[0] = true;
			info[1] = '填写正确';					
		}else{
			info[0] = false;
		}
		return info;
	});
	setStats(classLesson, '请填写节课数', function(val, mess){
		var info=[false, mess];
		if(val.length <= 0){
			info[1] = '请填写节课数';
		}else if(getLength(val) >=0 && getLength(val) <=40){
			info[0] = true;
			info[1] = '填写正确';					
		}else{
			info[0] = false;
		}
		return info;
	});
	if(arguments[0] == 'click'){//用户点击提交
		var submitButton	= arguments[1];//获取提交按钮对象
		var submitButtonObj	= $(submitButton);
		if(submitButtonObj.attr('submitStatus') == 'yes'){
			xhPopMsg('表单已经提交成功，不允许重复提交');
			return;
		}
		submitButtonObj.attr('submitStatus','yes');
		setTimeout(function(){
			submitButtonObj.attr('submitStatus','no');
		},3000);

		var verifyStatus = true;
		for(var m=0;m<needValidate.length;m++){
			var singleObj = needValidate[m];
			if(singleObj.attr('addStatus') == undefined){
				singleObj.blur();
			}
			if(singleObj.attr('addStatus') == 'no'){
				verifyStatus = false;
				continue;
			}
		}
		if(verifyStatus == false){
			return;
		}
		var courseString	= '';
		$("div[name=courseList] > div").each(function(){
			var oneCourseName		= $(this).find("input");
			var oneCourseIntro		= $(this).find("textarea");
			var oneCourseNameVal	= oneCourseName.val();
			var oneCourseIntroVal	= oneCourseIntro.val();
			if(oneCourseNameVal.length <= 0){
				xhPopMsg('课程名不能留空哦~');
				verifyStatus = false;
				return false;
			}
			courseString 			+= oneCourseNameVal+'|{-}|'+oneCourseIntroVal+'|{=}|'
		});
		if(verifyStatus == false){
			return;
		}
var data = "&_csrf=<?= Yii::$app->request->csrfToken ?>&courseString="+courseString;
data += "&className="+className.val()+"&classSummary="+classSummary.val()+"&classIntro="+classIntro.val()+"&classTuition="+classTuition.val()+"&classLesson="+classLesson.val();		
		$.ajax({type:"POST",url:'/class/save-add',data:data,dataType:'json',async:false,success:function(data){
				if(data.code == 'A0001'){
					xhPopMsg(data.msg,1300);
					setTimeout(function(){
						window.location.href='/class/list';
					},1400);
				}
			}
		});
	}
}

function setStats(obj,mess,check)
{
	obj.focus(function(){
		$(this).removeAttr('addStatus');
		$(this).siblings('p').removeClass('help-error-mention').html('');
		$(this).parent().parent().removeClass("has-success").removeClass('has-error');
	});
	obj.blur(function(){
		var objVal = obj.val();
		var info = check(objVal,mess);
		if(info[0]){
			$(this).attr('addStatus','yes');
			$(this).siblings('p').removeClass('help-error-mention').html('');
			$(this).parent().parent().addClass("has-success").removeClass("has-error");
		}else{
			$(this).attr('addStatus','no');
			$(this).siblings('p').addClass('help-error-mention').html(info[1]);
			$(this).parent().parent().addClass("has-error").removeClass("has-success");
		}
	});
}
</script>