teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問jQueryでコメントフォーム送信前の処理が正しく動きません

編集履歴

質問編集履歴

6

修正

2018/08/24 00:53

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- ### 発生している問題・エラーメッセージ
11
+ ### 発生している問題
12
12
 
13
13
 
14
14
 
@@ -98,11 +98,15 @@
98
98
 
99
99
  ```
100
100
 
101
+ ###解決
102
+
103
+ その後ご回答を頂戴し解決いたしました。
104
+
101
- その後ご回答を頂戴して「preventDefault」を試した次のソースコードですが、これもうまくいきませんでした。
105
+ ``preventDefault()``を用いることと、そして``prepend()``で挿入するのではなく``val()``を改変する。という２つの方法による次のソースコードです。
102
106
 
103
107
  ```jquery
104
108
 
105
- $("#new-post").submit(function(e){
109
+ $('body').on("click",'#reply_submit',function(e){
106
110
 
107
111
 
108
112
 
@@ -112,29 +116,23 @@
112
116
 
113
117
 
114
118
 
115
- //targetidが0以外の場合は
116
-
117
- //「setTimeout()」で「prepend()」してから「submit()」する。
119
+ //targetidが0以外の場合は「val()」を改変してから「submit()」する。
118
120
 
119
121
  var targetid = $('#reply_to').val();
120
122
 
121
- if (targetid !== 0){
123
+ if (targetid != 0){
122
124
 
123
- setTimeout( function(){
125
+ var replyuser = $('#replyuser').text();
124
126
 
125
- var replyuser = $('#replyuser').text();
127
+ var replytext = $("#reply_content").val();
126
128
 
127
- $("#reply_content").prepend(replyuser);
129
+ $("#reply_content").val(replyuser + $("#reply_content").val());
128
130
 
129
- $("#new-post").submit();
131
+ $("#new-post").submit();
130
132
 
131
- }, 300 );
133
+
132
134
 
133
-
134
-
135
- //targetidが0の場合は
136
-
137
- //普通に「submit()」する。
135
+ //targetidが0の場合は普通に「submit()」する。
138
136
 
139
137
  } else {
140
138
 
@@ -142,6 +140,10 @@
142
140
 
143
141
  }
144
142
 
143
+
144
+
145
145
  });
146
146
 
147
147
  ```
148
+
149
+ x_x様、mts10806様、改めましてどうもありがとうございました。

5

修正

2018/08/24 00:53

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
  //「setTimeout()」で「prepend()」してから「submit()」する。
118
118
 
119
- var targetid = $('#bbp_reply_to').val();
119
+ var targetid = $('#reply_to').val();
120
120
 
121
121
  if (targetid !== 0){
122
122
 

4

修正

2018/08/23 12:13

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -102,38 +102,46 @@
102
102
 
103
103
  ```jquery
104
104
 
105
- $('body').on("click",'#reply_submit',function(){
106
-
107
-
108
-
109
- var form = $('#new-post');
110
-
111
- form.submit(function(e) {
105
+ $("#new-post").submit(function(e){
112
-
113
-
114
-
115
- var targetid = $('#reply_to').val();
116
-
117
- if (targetid !== 0){
118
-
119
- var replyuser = $('#replyuser').text();
120
-
121
- $("#reply_content").prepend(replyuser); //問題の箇所
122
-
123
- }
124
106
 
125
107
 
126
108
 
127
- p.preventDefault();
109
+ //いったん処理を止める
128
110
 
129
- setTimeout( function(){
111
+ e.preventDefault();
130
112
 
131
- form.off('submit');
132
113
 
133
- form.submit();
134
114
 
135
- }, 300 );
115
+ //targetidが0以外の場合は
136
116
 
117
+ //「setTimeout()」で「prepend()」してから「submit()」する。
118
+
119
+ var targetid = $('#bbp_reply_to').val();
120
+
121
+ if (targetid !== 0){
122
+
123
+ setTimeout( function(){
124
+
125
+ var replyuser = $('#replyuser').text();
126
+
127
+ $("#reply_content").prepend(replyuser);
128
+
129
+ $("#new-post").submit();
130
+
131
+ }, 300 );
132
+
133
+
134
+
135
+ //targetidが0の場合は
136
+
137
+ //普通に「submit()」する。
138
+
139
+ } else {
140
+
141
+ $("#new-post").submit();
142
+
143
+ }
144
+
137
- });
145
+ });
138
146
 
139
147
  ```

3

修正

2018/08/23 12:12

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -97,3 +97,43 @@
97
97
  });
98
98
 
99
99
  ```
100
+
101
+ その後ご回答を頂戴して「preventDefault」を試した次のソースコードですが、これもうまくいきませんでした。
102
+
103
+ ```jquery
104
+
105
+ $('body').on("click",'#reply_submit',function(){
106
+
107
+
108
+
109
+ var form = $('#new-post');
110
+
111
+ form.submit(function(e) {
112
+
113
+
114
+
115
+ var targetid = $('#reply_to').val();
116
+
117
+ if (targetid !== 0){
118
+
119
+ var replyuser = $('#replyuser').text();
120
+
121
+ $("#reply_content").prepend(replyuser); //問題の箇所
122
+
123
+ }
124
+
125
+
126
+
127
+ p.preventDefault();
128
+
129
+ setTimeout( function(){
130
+
131
+ form.off('submit');
132
+
133
+ form.submit();
134
+
135
+ }, 300 );
136
+
137
+ });
138
+
139
+ ```

2

修正

2018/08/23 10:30

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  jQueryでコメントフォーム送信前の処理を作っています。
6
6
 
7
- 送信ボタンクリック時に、<textarea>に@hanakoを入れてから送信したいと思っています。
7
+ 送信ボタンをクリックしたら、``<textarea>``に@hanakoと入れてから送信したいと思っています。
8
8
 
9
9
 
10
10
 
@@ -12,7 +12,9 @@
12
12
 
13
13
 
14
14
 
15
- 下記のソースコードでは、読み込み直後で、<textarea>未入力のときにしか@hanakopが入らないという状況です。``//問題の箇所``が正しく動作しません。
15
+ 下記のソースコードでは、``<textarea>``に入力してから送信ボタンをクリックしても、@hanakopが入らないという状況です。``//問題の箇所``が正しく動作しません。
16
+
17
+ （なぜか読み込み直後で未入力時ならば@hanakoが入ります。）
16
18
 
17
19
 
18
20
 

1

修正

2018/08/23 09:53

投稿

minminzemkun
minminzemkun

スコア14

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  jQueryでコメントフォーム送信前の処理を作っています。
6
6
 
7
- 送信ボタンクリック時の挙動に問題があり質問させて頂きました。
7
+ 送信ボタンクリック時に、<textarea>に@hanakoを入れてから送信したいと思っています。
8
8
 
9
9
 
10
10
 
@@ -12,7 +12,13 @@
12
12
 
13
13
 
14
14
 
15
- 『送信ボタンクリック時』に、<textarea>に@hanakoを入れてから送信したいと思っているのですが、下記のソースコードでは『読み込み直後で、<textarea>未入力のときの、クリック時』でしか@hanakopが入らないという状況です。
15
+ 下記のソースコードでは、読み込み直後で、<textarea>未入力のときにしか@hanakopが入らないという状況です。``//問題の箇所``が正しく動作しません。
16
+
17
+
18
+
19
+ どのように書けば@hanakopが入るかご教授頂ければと思い質問させて頂きました。
20
+
21
+ 宜しくお願い致します。
16
22
 
17
23
 
18
24