質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

Q&A

解決済

1回答

1338閲覧

jqueryのバージョンの件

aged_man_oldbow

総合スコア12

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

0グッド

1クリップ

投稿2018/09/14 14:54

編集2018/09/16 04:29

お世話になります。
イタリックテキスト
Visual Studio 2017を使って、asp.net Webプログラムを開発しようとしています。
20年程前に、aspでプログラムを作ったことがあります。Accessデータベースを、Webプログラムで読み書き更新するプログラムでした。
その際に作ったプログラムを、今回asp.netで更新しようとしています。

こんなエラーが出て、Visual Studio 2017の修正に迷っています。

エラーは、
InvalidOperationException: WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery (大文字と小文字が区別されます) という名前の ScriptResourceMapping を追加してください。
というものです。

このエラーで、検索したところ、最新版のバージョン1.9.1をダウンロードして下さいとありました。

jqueryをインストールしようとして、http://jquery.com/にアクセスしましたが、**そこにはバージョン1.9.1がなく、
Download jQuery v3.3.1が**ありました。

現在、Visual Studio 2017のScriptsには、jQuery v3.3.1が入っています。

検索した情報は、最終更新日が 2017-12-24となっておりましたが、この検索結果の回答では解決しないような気がしています。
迷っていますので、ご指導戴きたく、宜しくお願い致します。

もう一点ですが、jQuery v3.3.1をインストールするとして、3種類ほどあるようです。
Download the compressed, production jQuery 3.3.1
Download the uncompressed, development jQuery 3.3.1
Download the map file for jQuery 3.3.1
の3種類です。どれをインストールすれば良いのでしょか。

以上2点のご指導宜しくお願い致します。

前提・実現したいこと

asp.net Webプログラムを開発しています。
ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で
Visual Studio 2017のScriptsには、jQuery v3.3.1がインストールされています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
デバッグするとエラーが出ます。

発生している問題・エラーメッセージ

InvalidOperationException: WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery (大文字と小文字が区別されます) という名前の ScriptResourceMapping を追加してください。

エラーメッセージ

該当のソースコード

Language="C#"
ソースコード

<form id="Form_kanrisya_login" runat="server"> <div style="height: 160px"> <asp:Login ID="kanrisya_Login" runat="server" BackColor="#EFF3FB" BorderColor="#B5C7DE" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" DestinationPageUrl="~/kannrisya_Default.aspx" FailureText="ログインに失敗しました。ユーザー名・パスワードを確認して、やり直してください。" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#333333" LoginButtonText="管理者ログイン"> <InstructionTextStyle Font-Italic="True" ForeColor="Black" /> <LoginButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" /> <TextBoxStyle Font-Size="0.8em" /> <TitleTextStyle BackColor="#507CD1" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> </asp:Login> <br />  ID・パスワード共に、半角・10桁以内の英数字
<br />  ID・パスワードとも、<br />     先に登録設定されているものをご利用下さい。 </div> </form>

試したこと

<asp:Login ID="kanrisya_Login" runat="server" BackColor="#EFF3FB" BorderColor="#B5C7DE" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" DestinationPageUrl="~/kannrisya_Default.aspx" FailureText="ログインに失敗しました。ユーザー名・パスワードを確認して、やり直してください。" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#333333" LoginButtonText="管理者ログイン">
<InstructionTextStyle Font-Italic="True" ForeColor="Black" />
<LoginButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" />
<TextBoxStyle Font-Size="0.8em" />
<TitleTextStyle BackColor="#507CD1" Font-Bold="True" Font-Size="0.9em" ForeColor="White" />
</asp:Login>
を削除するとデバックできる。
ここに問題に対して試したことを記載してください。
まだ対応していない。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/09/14 22:33

ASP.NET のタグを付けてください。jQuery というより ASP.NET の問題です。
退会済みユーザー

退会済みユーザー

2018/09/15 00:41 編集

ソースは ``` と ``` で囲ってインデントされるように設定してください。開発環境(OS, .NET のバージョン、VS でプロジェクトを作るときにテンプレートに何を使ったかなど)を書いてください。
guest

回答1

0

ベストアンサー

エラーメッセージは、「控えめな JavaScript」を使っての検証(ASP.NET 4.5 以降のデフォルト)に使用する jQuery.js が無いから、それがダウンロードされるようにスクリプトマッピングを追加しろと言ってます。

ASP.NET 4.5 以降の ASP.NET Web Forms アプリでは、クライアントスクリプトを利用するサーバーコントロールが正しく機能するために必要な .js ファイルがダウンロードされるようにいろいろ設定が必要です。

Visual Studio で Web Forms アプリのテンプレートを利用してプロジェクトの骨組みを自動生成させていると思いますが、そのテンプレートが[Web フォーム]か[空]かによって設定が異なります:

(1) [Web フォーム]の場合

今回の問題の jQuery.js を含めて必要なスクリプトマッピングは設定済みとなり、必要な設定がされた ScriptManager がマスターページに配置されるので、マスターページを利用すれば OK です。

詳しくは以下の記事を見てください。

ASP.NET 4.5 ScriptManager
http://surferonwww.info/BlogEngine/post/2018/04/23/aspnet-45-scriptmanager.aspx

マスターページを使用しない場合は、マスターページにある <Scripts></Scripts> の間のコードを含めた ScriptManager 全部をコピーして使ってください。

(2) [空]の場合

以下の記事を参考に、自力でスクリプトマッピングを行って、必要な設定がされた ScriptManager をページに配置して使ってください。

ASP.NET 4.5 スクリプト マッピング
http://surferonwww.info/BlogEngine/post/2018/04/24/aspnet-45-script-resource-mapping.aspx

その際の jQuery のバージョンですが、上の記事にありますように 3.3.1 で、自分が試した限りですが、問題なく動いています。ただし、100% 問題ないかは保証の限りではありませんのでご自分で十分検証してください。

注:ネットの記事で、web.config の appSettings の設定のよって「控えめな JavaScript」による検証を止めて旧来のものに戻すとか、クライアント側での検証を無効にするという解決策を目にしますが、それは決して好ましい解決法ではありません。

投稿2018/09/15 01:32

編集2018/09/15 03:12
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

aged_man_oldbow

2018/09/15 11:13

早速のご指導有り難うございます。 仰せのことを実行してみます。結果はまたご連絡させて戴きます。
退会済みユーザー

退会済みユーザー

2018/09/15 11:17

回答へのコメントでお願いしたこと、ちゃんとやってくださいね。タグの C++ は関係なくて ASP.NET ですよ。
退会済みユーザー

退会済みユーザー

2018/09/17 01:01

回答に対するコメントでも書きましたが、ソースは ``` と ``` で囲ってインデントされるように設定してください。 開発環境(OS, .NET のバージョン、VS でプロジェクトを作るときにテンプレートに何を使ったかなど)を書いてください。実は .NET 4 以下とか言われると、上の回答は的外れになってしまいます。
aged_man_oldbow

2018/09/20 13:21

開発環境 OSはWindows10Proで、IISを使っています。NETバージョンはNETFramework4.6.1だったと思いますが、記録してなかったので、判断出来ませんでした。テンプレートについても、記録がなく、ご案内のページやその他のページ等を読ませて戴き、ASPでプログラムを作った時に比較したら、ASP.NETには、格段の差がには、あることが分かりました。ASP.NETの本を読んで、理解した程度ではなかなか難しいもののようです。もう一度、開発環境等を記録しながら、再出発したいと思います。その上でエラーが出て質問し、解凍される方に尋ねられても答えられる環境を整えて参ります。ということで、今回の質問は、取り下げさせて戴きます。 有り難うございました。 ご案内戴いたページや関連ページを理解するのに時間が掛かり、返事が遅れて申し訳ありませんでした。
aged_man_oldbow

2018/10/01 12:09

アドバイス有難うございました。 やりたいことは、ASP.NET Identityで、進めて行けそうですので、このスレッドをクローズさせて戴きます。 お世話様でした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問