入力検証エラーをバルーン表示(ValidatorCallout)
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
閲覧総計:&counter(); (本日:&counter(today); 昨日...
Ajax Control Toolkitは、入力検証エラーメッセージをバル...
便利なValidatorCallout Extenderという部品を提供してくれて...
早速使ってみた。 09/08/14
ASP.NETは標準機能として各種Validate機能を用意してくれて...
検証エラーメッセージが画面レイアウトを大きく乱してしまう...
いた。このValidatorCalloutは、この欠点を改善してくれる便...
特に<table>タグを用いて画面レイアウトを設計している場合...
※[[説明:検証エラーメッセージによるレイアウト崩れが解消:h...
ValidatorCalloutの使い方を「Web-Deli」さんの下記ページ...
http://www.web-deli.com/tutorial.aspx?id=ASP-TTR-00057
開発環境:VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ:ASP.NET2.0+AJAX1.0 + SQL Server2005
【機能】名前と年齢の入力に対し検証を行い、エラーメッセー...
【稼動サンプル】
http://www.kuri6005.useiis7.net/AjaxTr/Toolkit/ValidatorC...
#ref(ValidatorCallout02.JPG);
~
#ref(ValidatorCallout04.JPG);
~
#ref(ValidatorCallout05.JPG);
作成時の画面(VWD2005) ▼
#ref(ValidatorCallout01.JPG);
(参考)VWD2008での作成時の画面 ▼ Extender部品は表示されず...
#ref(ValidatorCallout03.JPG);
コントロールの設定値
|~コントロール|~プロパティ|~値|~コメント|
|RequiredFieldValidator|(ID)|RequiredFieldValidator1|入力...
|~|ControlToValidate|TextBox1||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|名前は必須です||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender1|...
|~|TargetControlID|RequiredFieldValidator1||
|RequiredFieldValidator|(ID)|RequiredFieldValidator2|入力...
|~|ControlToValidate|TextBox2||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|年齢は必須です||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender2|...
|~|TargetControlID|RequiredFieldValidator2||
|RangeValidator|(ID)|RangeValidator1|データ範囲チェック|
|~|ControlToValidate|TextBox2||
|~|MaximumValue|100||
|~|MinimumValue|0||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Type|Integer|整数に設定|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|年齢は0〜100の間で||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender3|...
|~|TargetControlID|RangeValidator1||
【ValidatorCallout.aspx】
<%@ Page Language="VB" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="Aj...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="se...
</asp:ScriptManager>
名前:<asp:TextBox ID="TextBox1" runat="server">...
<asp:RequiredFieldValidator ID="RequiredFieldVal...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<br />
年齢:<asp:TextBox ID="TextBox2" runat="server">...
<asp:RequiredFieldValidator ID="RequiredFieldVal...
Display="None" ErrorMessage="年齢は必須です"...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<asp:RangeValidator ID="RangeValidator1" runat="...
Display="None" ErrorMessage="年齢は0〜100の...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Bu...
</form>
</body>
</html>
【参考にしたページ】
1.Web-Deli:ValidatorCalloutコントロール(AJAX Control To...
http://www.web-deli.com/tutorial.aspx?id=ASP-TTR-00057
~
~
***説明:検証エラーメッセージによるレイアウト崩れが解消 [...
#ref(ValidatorCallout11.JPG);
- ふぁdふぁ -- &new{2014-04-30 (水) 13:34:00};
#comment_nospam
#vote(参考になった[10],ふつう[0],参考にならなかった[0])
終了行:
閲覧総計:&counter(); (本日:&counter(today); 昨日...
Ajax Control Toolkitは、入力検証エラーメッセージをバル...
便利なValidatorCallout Extenderという部品を提供してくれて...
早速使ってみた。 09/08/14
ASP.NETは標準機能として各種Validate機能を用意してくれて...
検証エラーメッセージが画面レイアウトを大きく乱してしまう...
いた。このValidatorCalloutは、この欠点を改善してくれる便...
特に<table>タグを用いて画面レイアウトを設計している場合...
※[[説明:検証エラーメッセージによるレイアウト崩れが解消:h...
ValidatorCalloutの使い方を「Web-Deli」さんの下記ページ...
http://www.web-deli.com/tutorial.aspx?id=ASP-TTR-00057
開発環境:VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ:ASP.NET2.0+AJAX1.0 + SQL Server2005
【機能】名前と年齢の入力に対し検証を行い、エラーメッセー...
【稼動サンプル】
http://www.kuri6005.useiis7.net/AjaxTr/Toolkit/ValidatorC...
#ref(ValidatorCallout02.JPG);
~
#ref(ValidatorCallout04.JPG);
~
#ref(ValidatorCallout05.JPG);
作成時の画面(VWD2005) ▼
#ref(ValidatorCallout01.JPG);
(参考)VWD2008での作成時の画面 ▼ Extender部品は表示されず...
#ref(ValidatorCallout03.JPG);
コントロールの設定値
|~コントロール|~プロパティ|~値|~コメント|
|RequiredFieldValidator|(ID)|RequiredFieldValidator1|入力...
|~|ControlToValidate|TextBox1||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|名前は必須です||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender1|...
|~|TargetControlID|RequiredFieldValidator1||
|RequiredFieldValidator|(ID)|RequiredFieldValidator2|入力...
|~|ControlToValidate|TextBox2||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|年齢は必須です||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender2|...
|~|TargetControlID|RequiredFieldValidator2||
|RangeValidator|(ID)|RangeValidator1|データ範囲チェック|
|~|ControlToValidate|TextBox2||
|~|MaximumValue|100||
|~|MinimumValue|0||
|~|SetFocusOnError|True|エラー時 問題ヶ所へカーソル移動|
|~|Type|Integer|整数に設定|
|~|Display|None|2重表示にならぬ様消し|
|~|ErrorMessage|年齢は0〜100の間で||
|ValidatorCalloutExtender|(ID)|ValidatorCalloutExtender3|...
|~|TargetControlID|RangeValidator1||
【ValidatorCallout.aspx】
<%@ Page Language="VB" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="Aj...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="se...
</asp:ScriptManager>
名前:<asp:TextBox ID="TextBox1" runat="server">...
<asp:RequiredFieldValidator ID="RequiredFieldVal...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<br />
年齢:<asp:TextBox ID="TextBox2" runat="server">...
<asp:RequiredFieldValidator ID="RequiredFieldVal...
Display="None" ErrorMessage="年齢は必須です"...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<asp:RangeValidator ID="RangeValidator1" runat="...
Display="None" ErrorMessage="年齢は0〜100の...
<cc1:ValidatorCalloutExtender ID="ValidatorCallo...
</cc1:ValidatorCalloutExtender>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Bu...
</form>
</body>
</html>
【参考にしたページ】
1.Web-Deli:ValidatorCalloutコントロール(AJAX Control To...
http://www.web-deli.com/tutorial.aspx?id=ASP-TTR-00057
~
~
***説明:検証エラーメッセージによるレイアウト崩れが解消 [...
#ref(ValidatorCallout11.JPG);
- ふぁdふぁ -- &new{2014-04-30 (水) 13:34:00};
#comment_nospam
#vote(参考になった[10],ふつう[0],参考にならなかった[0])
ページ名: