回答編集履歴
1
調整
test
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
1
|
画面を遷移しない想定であればUIはjsで作ってください
|
|
2
|
+
|
|
3
|
+
# 参考
|
|
4
|
+
```javascript
|
|
5
|
+
<script>
|
|
6
|
+
document.addEventListener('invalid',e=>{
|
|
7
|
+
if(e.target.matches('[data-invalid-message]')){
|
|
8
|
+
alert(e.target.dataset.invalidMessage);
|
|
9
|
+
}
|
|
10
|
+
},true);
|
|
11
|
+
</script>
|
|
12
|
+
<form>
|
|
13
|
+
氏名：<input type="input" name="name" data-invalid-message="氏名は必須入力です。10文字以内で入力ください" pattern=".{1,10}" required><br>
|
|
14
|
+
メール：<input type="input" name="mail" data-invalid-message="Eメールは必須入力です。" required><br>
|
|
15
|
+
<input type="submit" value="send">
|
|
16
|
+
</form>
|
|
17
|
+
```
|