回答編集履歴
2
調整
answer
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
e.preventDefault();
|
|
12
12
|
var url=$(this).attr('action');
|
|
13
13
|
var sb = $(this).find(':submit');
|
|
14
|
+
var ta = $(this).find('textarea');
|
|
14
15
|
var data=new FormData($(this).get(0));
|
|
15
16
|
sb.prop('disabled',true);
|
|
16
17
|
$.ajax({
|
|
@@ -22,6 +23,7 @@
|
|
|
22
23
|
}).done(function (data) {
|
|
23
24
|
console.log(data);//戻り値があるなら表示
|
|
24
25
|
sb.prop('disabled',false);
|
|
26
|
+
ta.val('');
|
|
25
27
|
console.log('保存しました。');
|
|
26
28
|
}).fail(function (xhr,err) {
|
|
27
29
|
console.log(err);
|
|
@@ -31,8 +33,9 @@
|
|
|
31
33
|
```
|
|
32
34
|
```HTML
|
|
33
35
|
<form id="myform" action="・・・" method="post">
|
|
34
|
-
<textarea id="commentValue" name="comment">
|
|
36
|
+
<textarea id="commentValue" name="comment" required>
|
|
35
37
|
</textarea>
|
|
36
38
|
<input id="save-button" type="submit" value="保存">
|
|
37
39
|
</form>
|
|
38
|
-
```
|
|
40
|
+
```
|
|
41
|
+
※連続投稿を想定してtextareのクリアと、必須条件をいれました
|
1
sample
answer
CHANGED
|
@@ -1,3 +1,38 @@
|
|
|
1
1
|
submitしたときにsubmitボタンのdisableをtureにして
|
|
2
2
|
ajaxの処理が正常終了するdoneの中で
|
|
3
|
-
disabledをfalseにもどしてやってください
|
|
3
|
+
disabledをfalseにもどしてやってください
|
|
4
|
+
|
|
5
|
+
# sample
|
|
6
|
+
|
|
7
|
+
postで送信する前提ならこうしてみては？
|
|
8
|
+
```javascript
|
|
9
|
+
$(function(){
|
|
10
|
+
$('#myform').on('submit',function(e) {
|
|
11
|
+
e.preventDefault();
|
|
12
|
+
var url=$(this).attr('action');
|
|
13
|
+
var sb = $(this).find(':submit');
|
|
14
|
+
var data=new FormData($(this).get(0));
|
|
15
|
+
sb.prop('disabled',true);
|
|
16
|
+
$.ajax({
|
|
17
|
+
url: url,
|
|
18
|
+
type: 'post',
|
|
19
|
+
data: data,
|
|
20
|
+
processData: false,
|
|
21
|
+
contentType: false,
|
|
22
|
+
}).done(function (data) {
|
|
23
|
+
console.log(data);//戻り値があるなら表示
|
|
24
|
+
sb.prop('disabled',false);
|
|
25
|
+
console.log('保存しました。');
|
|
26
|
+
}).fail(function (xhr,err) {
|
|
27
|
+
console.log(err);
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
```
|
|
32
|
+
```HTML
|
|
33
|
+
<form id="myform" action="・・・" method="post">
|
|
34
|
+
<textarea id="commentValue" name="comment">
|
|
35
|
+
</textarea>
|
|
36
|
+
<input id="save-button" type="submit" value="保存">
|
|
37
|
+
</form>
|
|
38
|
+
```
|