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

回答編集履歴

2

ついき

2020/05/26 09:43

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -9,4 +9,27 @@
9
9
  <input type="text" name="e" value="0ab" required><br>
10
10
  <input type="submit" value="send">
11
11
  </form>
12
+ ```
13
+
14
+ # 追記
15
+ ```javascript
16
+ <script>
17
+ $(function(){
18
+ $('form').on('submit',function(e){
19
+ var item=$(this).find('input').filter(function(){return $(this).val()=="";});
20
+ if(item.length>0){
21
+ e.preventDefault();
22
+ item.eq(0).trigger('focus');
23
+ }
24
+ });
25
+ });
26
+ </script>
27
+ <form>
28
+ <input type="text" name="a" value="123"><br>
29
+ <input type="text" name="b" value="456"><br>
30
+ <input type="text" name="c" value=""><br>
31
+ <input type="text" name="d" value="789"><br>
32
+ <input type="text" name="e" value="0ab"><br>
33
+ <input type="submit" value="send">
34
+ </form>
12
35
  ```

1

調整

2020/05/26 09:43

投稿

yambejp
yambejp

スコア117923

answer CHANGED
@@ -3,10 +3,10 @@
3
3
  ```HTML
4
4
  <form>
5
5
  <input type="text" name="a" value="123" required><br>
6
- <input type="text" name="a" value="456" required><br>
6
+ <input type="text" name="b" value="456" required><br>
7
- <input type="text" name="a" value="" required><br>
7
+ <input type="text" name="c" value="" required><br>
8
- <input type="text" name="a" value="789" required><br>
8
+ <input type="text" name="d" value="789" required><br>
9
- <input type="text" name="a" value="0ab" required><br>
9
+ <input type="text" name="e" value="0ab" required><br>
10
10
  <input type="submit" value="send">
11
11
  </form>
12
12
  ```