teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

質問内容の修正

2018/12/14 08:29

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,6 +4,7 @@
4
4
  <div id="container">
5
5
  <form id="form">
6
6
  <input type="number" required>
7
+   
7
8
  </form>
8
9
  </div>
9
10
 
@@ -19,4 +20,13 @@
19
20
  ```
20
21
 
21
22
  HTML5 のバリデーション表示が発生しません
22
- JS から submit イベントを起こした場合にもバリデーションを表示させる方法はないですか?
23
+ JS から submit イベントを起こした場合にもバリデーションを表示させる方法はないですか?
24
+
25
+
26
+ 追記:
27
+
28
+ ```
29
+ <input type="submit" name="commit" value="OK" class="button">
30
+ ```
31
+
32
+ ためしにフォームの中にサブミットボタンを追加してみましたがこちらのボタンを押したところバリデーションメッセージがでます

2

質問内容の修正

2018/12/14 08:29

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,7 +4,7 @@
4
4
  <div id="container">
5
5
  <form id="form">
6
6
  <input type="number" required>
7
- <form>
7
+ </form>
8
8
  </div>
9
9
 
10
10
  <button id="submit" type="button">OK</button>

1

質問内容の修正

2018/12/14 08:25

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -7,13 +7,13 @@
7
7
  <form>
8
8
  </div>
9
9
 
10
- <button type="button">OK</button>
10
+ <button id="submit" type="button">OK</button>
11
11
  ```
12
12
 
13
13
  みたいな感じの HTML で JS でトリガーして submit を発火させたんですが
14
14
 
15
15
  ```
16
- $('#form').on('click', () => {
16
+ $('#submit').on('click', () => {
17
17
  $('#form').submit();
18
18
  });
19
19
  ```