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