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

質問編集履歴

2

修正

2020/11/04 01:56

投稿

MH00214
MH00214

スコア53

title CHANGED
File without changes
body CHANGED
@@ -2,38 +2,4 @@
2
2
  現在、下記のような状況です
3
3
  * HTMLとVue.jsでフォームを作っており、バリデーションやPOST送信のコードは問題なく動いている
4
4
  * SalesForceのAPIへのアクセスをPOSTで行うため(というかCORSに引っかかるため)、axiosでのPOSTではなく、formのaction属性と method属性を使ってPOST送信しています
5
- * formのデータを全て入力してPOST送信したタイミングでSalesForceに障害が起きていたり、なんらかの理由でPOSTが失敗したときに簡易的なエラーメッセージをview側に出したいと思っています。
5
+ * formのデータを全て入力してPOST送信したタイミングでSalesForceに障害が起きていたり、なんらかの理由でPOSTが失敗したときに簡易的なエラーメッセージをview側に出したいと思っています。
6
-
7
- コードは下記になります。
8
-
9
- ```HTML
10
- <form id="inquiry-form" @submit="submitFormData" action="<%= "#{Settings.salesforce.action}" %>" method="POST">
11
- formの中身
12
- </form>
13
- ```
14
-
15
- ```Vue
16
- // 他にも書いていますが、formを送信する時に走る関数はこれです
17
- submitFormData: function(e) {
18
- this.nameErrorMessage = ""
19
- this.telErrorMessage = "";
20
- this.emailErrorMessage = "",
21
- this.companyErrorMessage = "",
22
- this.departmentErrorMessage = "",
23
- this.errors = [];
24
- this.validateNameValue();
25
- this.validateTelValue();
26
- this.validateEmailValue();
27
- this.validateCompanyValue();
28
- this.validateDepartmentValue();
29
-
30
- if(this.errors.length) e.preventDefault();
31
- this.isFilledAllForm = true
32
- return true;
33
- },
34
-
35
- ```
36
-
37
- axiosを使わずにPOST送信後のエラーを処理する方法を知りたいです。
38
- axiosだとthenとcatchでcatchの中にその処理を書けばいいんだと思いますが、それが今回は使えないので、別の方法を探しています。
39
- 詳しい方、教えていただければ幸いです。

1

タグ追加

2020/11/04 01:56

投稿

MH00214
MH00214

スコア53

title CHANGED
File without changes
body CHANGED
File without changes