回答編集履歴

2

調整

2018/07/24 12:05

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -24,6 +24,8 @@
24
24
 
25
25
  var sb = $(this).find(':submit');
26
26
 
27
+ var ta = $(this).find('textarea');
28
+
27
29
  var data=new FormData($(this).get(0));
28
30
 
29
31
  sb.prop('disabled',true);
@@ -46,6 +48,8 @@
46
48
 
47
49
  sb.prop('disabled',false);
48
50
 
51
+ ta.val('');
52
+
49
53
  console.log('保存しました。');
50
54
 
51
55
  }).fail(function (xhr,err) {
@@ -64,7 +68,7 @@
64
68
 
65
69
  <form id="myform" action="・・・" method="post">
66
70
 
67
- <textarea id="commentValue" name="comment">
71
+ <textarea id="commentValue" name="comment" required>
68
72
 
69
73
  </textarea>
70
74
 
@@ -73,3 +77,5 @@
73
77
  </form>
74
78
 
75
79
  ```
80
+
81
+ ※連続投稿を想定してtextareのクリアと、必須条件をいれました

1

sample

2018/07/24 12:05

投稿

yambejp
yambejp

スコア114843

test CHANGED
@@ -3,3 +3,73 @@
3
3
  ajaxの処理が正常終了するdoneの中で
4
4
 
5
5
  disabledをfalseにもどしてやってください
6
+
7
+
8
+
9
+ # sample
10
+
11
+
12
+
13
+ postで送信する前提ならこうしてみては?
14
+
15
+ ```javascript
16
+
17
+ $(function(){
18
+
19
+ $('#myform').on('submit',function(e) {
20
+
21
+ e.preventDefault();
22
+
23
+ var url=$(this).attr('action');
24
+
25
+ var sb = $(this).find(':submit');
26
+
27
+ var data=new FormData($(this).get(0));
28
+
29
+ sb.prop('disabled',true);
30
+
31
+ $.ajax({
32
+
33
+ url: url,
34
+
35
+ type: 'post',
36
+
37
+ data: data,
38
+
39
+ processData: false,
40
+
41
+ contentType: false,
42
+
43
+ }).done(function (data) {
44
+
45
+ console.log(data);//戻り値があるなら表示
46
+
47
+ sb.prop('disabled',false);
48
+
49
+ console.log('保存しました。');
50
+
51
+ }).fail(function (xhr,err) {
52
+
53
+ console.log(err);
54
+
55
+ });
56
+
57
+ });
58
+
59
+ });
60
+
61
+ ```
62
+
63
+ ```HTML
64
+
65
+ <form id="myform" action="・・・" method="post">
66
+
67
+ <textarea id="commentValue" name="comment">
68
+
69
+ </textarea>
70
+
71
+ <input id="save-button" type="submit" value="保存">
72
+
73
+ </form>
74
+
75
+ ```