[EDIT] コース作成で、配分の合計が100%でないと登録できないように修正しました。
This commit is contained in:
@@ -125,15 +125,6 @@ public class CourseController {
|
||||
|
||||
List<AllocationModel> allocationModelList = new ArrayList<>();
|
||||
|
||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId1(),
|
||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
||||
allocationFormList.getAllocationRatio1()));
|
||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId2(),
|
||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
||||
allocationFormList.getAllocationRatio2()));
|
||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId3(),
|
||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
||||
allocationFormList.getAllocationRatio3()));
|
||||
allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId4(),
|
||||
(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
|
||||
allocationFormList.getAllocationRatio4()));
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="courseName">コース名</label>
|
||||
|
||||
<input class="form-control" type="text" id="courseName" th:field="*{courseName}">
|
||||
<input class="form-control" type="text" id="courseName" th:field="*{courseName}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
@@ -22,86 +22,70 @@
|
||||
<form th:action="@{/course/create}" th:object="${allocationFormList}" method="post">
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio1">給与</label>
|
||||
<input class="form-control" type="number" id="allocationRatio1" th:field="*{allocationRatio1}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio2">賞与</label>
|
||||
<input class="form-control" type="number" id="allocationRatio2" th:field="*{allocationRatio2}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio3">その他</label>
|
||||
<input class="form-control" type="number" id="allocationRatio3" th:field="*{allocationRatio3}">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio4">固定費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio4" th:field="*{allocationRatio4}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio4" th:field="*{allocationRatio4}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio5">食費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio5" th:field="*{allocationRatio5}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio5" th:field="*{allocationRatio5}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio6">交通費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio6" th:field="*{allocationRatio6}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio6" th:field="*{allocationRatio6}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio7">日用品費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio7" th:field="*{allocationRatio7}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio7" th:field="*{allocationRatio7}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio8">被服/美容費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio8" th:field="*{allocationRatio8}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio8" th:field="*{allocationRatio8}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio9">医療費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio9" th:field="*{allocationRatio9}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio9" th:field="*{allocationRatio9}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio10">趣味/娯楽費</label>
|
||||
<input class="form-control" type="number" id="allocationRatio10"
|
||||
th:field="*{allocationRatio10}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio10"
|
||||
th:field="*{allocationRatio10}" required>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatio11">その他</label>
|
||||
<input class="form-control" type="number" id="allocationRatio11"
|
||||
th:field="*{allocationRatio11}">
|
||||
<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio11"
|
||||
th:field="*{allocationRatio11}" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="allocationRatioTotal">合計(%)</label>
|
||||
<input class="form-control" type="number" value="0" id="allocationRatioTotal" readonly>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">登録</button>
|
||||
<button type="submit" class="btn btn-primary" id="submit" disabled="true">登録</button>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
@@ -111,6 +95,26 @@
|
||||
|
||||
<div th:replace="~{footer :: footer}"></div>
|
||||
|
||||
<script>
|
||||
|
||||
function inputChange(){
|
||||
let total=0;
|
||||
|
||||
for(let i=4; i<=11; i++){
|
||||
total += Number(document.getElementById(`allocationRatio${i}`).value || 0);
|
||||
if(total == 100){
|
||||
document.getElementById('submit').disabled = false;
|
||||
}else{
|
||||
document.getElementById('submit').disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
document.getElementById("allocationRatioTotal").value = total;
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user