jsakamoto / self-learning-materials-for-blazor-jp

C# で Single Page Web アプリを開発するフレームワーク「Blazor」の WebAssembly 版の自習教材です。
https://jsakamoto.github.io/self-learning-materials-for-blazor-jp/Blazor%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%87%AA%E7%BF%92%E6%9B%B8-v.8.0.0.pdf
The Unlicense
141 stars 8 forks source link

button の type 指定について #11

Closed pecochappy closed 3 years ago

pecochappy commented 3 years ago

お世話になります、先日リリースページの zip ファイルをご対応頂いた者です。 お陰様で自習書の学習が一通り完了しました。 僭越ながらその際に気づいた点をフィードバック致します。

Blazorアプリケーションプログラミング自習書-v.5.0.pdf の P.54 の項番 4 にて追加するソースコード

@if (OnClickDelete != null)
{
    <button class="button delete-button" @onclick="OnDelete">削除</button>
}

をソースに適用してみたところ、OnDelete が実行された後に続けて OnOK も実行されました。 (confirm が yes であるかどうかに関わらず)

自習書ではなくソースコードを確認しますと以下のように「type="button"」の指定がありました。

@if (OnClickDelete != null)
{
    <button class="button delete-button" type="button" @onclick="OnDelete">削除</button>
}

このコードであれば OnOK が続けて実行されることはありませんでしたので、 「type="button"」の指定は必須と思われました。

※指定しない場合は type="submit" 扱いとなりバリデーションが動作している、ということでしょうか?

jsakamoto commented 3 years ago

@pecochappy フィードバックありがとうございます!

※指定しない場合は type="submit" 扱いとなりバリデーションが動作している、ということでしょうか?

まさしくそのとおりと思います。

本件、自習書の誤記ということで、追って訂正版をリリースしたいと思います。

jsakamoto commented 3 years ago

修正版 (v.5.0b) をリリースしました。

pecochappy commented 3 years ago

自習書の該当箇所の記述が修正されたことを確認致しました。 ご対応頂きありがとうございます。