回答編集履歴
1
修正
answer
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
ここで、解決策として、以下の 2 つが考えられます。
|
|
12
12
|
- キャンセルボタンの`disabled`クラスだけを除外する
|
|
13
|
-
ボタンの有効無効は、`disabled`クラスにより処理されます。そのため、`disabled`クラスを JavaScript を用いて除外すれば良いです。しかし、`disabled`クラスを除外したとしても、 submit 処理が行われるとき、バリデーターにより submit が拒否され、その対応に手間がかかります。
|
|
13
|
+
ボタンの有効無効は、`disabled`クラスにより処理されます。そのため、`disabled`クラスを JavaScript を用いて除外すれば良いです。しかし、`disabled`クラスを除外したとしても、 submit 処理が行われるとき、バリデーターにより submit が拒否され、その対応に**手間がかかります**。
|
|
14
14
|
- `button[type="button"]`要素を使う
|
|
15
|
-
これは、上に挙げた方法よりも比較的に簡単な対応策で、バリデーターが関知しない`button[type="button"]`要素を使うことで、バリデーターの目を盗もうという考え方です。しかし、この場合にはクリックするだけでは submit 処理が行われないため、別途 JavaScript で submit 処理を行う必要があります。
|
|
16
|
-
|
|
15
|
+
これは、上に挙げた方法よりも比較的に簡単な対応策で、バリデーターが関知しない`button[type="button"]`要素を使うことで、バリデーターの目を盗もうという考え方です。しかし、この場合にはクリックするだけでは submit 処理が行われないため、別途 JavaScript で submit 処理を行う必要があります([動作確認用リンク](https://codepen.io/anon/pen/VRKbVL))。
|
|
16
|
+
結局、以上のことや bootstrap-validator が`formnovalidate`属性に対応していないことなどを考慮すると、**この方法が一番楽**だと思います。
|