[EDIT] コース作成で、配分の合計が100％でないと登録できないように修正しました。

src/main/java/com/example/demo/app/presentation/controller/CourseController.java

@@ -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()));

src/main/resources/templates/course_create.html

@@ -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>

src/main/resources/templates/course_create_ratio.html

@@ -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"
+						<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio10"
-							th:field="*{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"
+						<input class="form-control" type="number" min="0" max="100" onchange="inputChange()" id="allocationRatio11"
-							th:field="*{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>