DevExpress の ASPxMemo での必須項目設定

DevExpress の ASPxMemo での必須設定のサンプルです。

現状の画面デザインはこのようになっています。
今回は必須項目として、入力なしの場合にエラーメッセージを表示します。

必須マークのみの場合は、過去ブログの「DevExpress の ASPxMemo でのタイトル必須マーク表示設定」を参照して下さい。

↓

入力内容を削除してフォーカス移動します。

＜必須項目設定＞

「IsRequired=”True”」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px" 
        Theme="RedWine" Width="300px" Caption="テキスト複数行入力" 
        HelpText="改行入力可能" Text="初期文字">
        <HelpTextStyle ForeColor="Blue">
        </HelpTextStyle>
        <CaptionSettings Position="Left" 
            ShowColon="False" VerticalAlign="Middle"  />
        <ValidationSettings>
            <RequiredField IsRequired="True" />
        </ValidationSettings>
        <CaptionStyle Font-Bold="True" Font-Size="Medium" 
            Font-Underline="True">
        </CaptionStyle>
        <Border BorderWidth="5px" />
    </dx:ASPxMemo>
</div>
</form>

<div>

<dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px"

Theme="RedWine" Width="300px" Caption="テキスト複数行入力"

HelpText="改行入力可能" Text="初期文字">

</HelpTextStyle>

<CaptionSettings Position="Left"

ShowColon="False" VerticalAlign="Middle" />

</ValidationSettings>

<CaptionStyle Font-Bold="True" Font-Size="Medium"

Font-Underline="True">

</CaptionStyle>

</dx:ASPxMemo>

</div>

</form>

それでは、実行して動作確認を行います。

↓

入力内容を削除してフォーカス移動します。

※右端にエラーアイコンと「＊」メッセージ表示

無事にテキスト複数行の必須項目設定が出来ました。

関連記事はこちら:

DevExpress の ASPxMemo での幅設定（サイズ） DevExpress の ASPxMemo での幅設定（サイズ）のサンプルです。現状の画面デザインはこのようになっています。＜幅設定（サイズ）＞「Width=”300px”」を設定します。 ......
DevExpress の ASPxMemo でのヘルプ位置（縦）設定 DevExpress の ASPxMemo でのヘルプ位置（縦）設定のサンプルです。現状の画面デザインはこのようになっています。＜ヘルプ位置（縦）設定＞「VerticalAlign=”Bottom ......
DevExpress の ASPxMemo でのヘルプ位置設定 DevExpress の ASPxMemo でのヘルプ位置設定のサンプルです。現状の画面デザインはこのようになっています。＜ヘルプ位置設定＞「Position=”Top”」を設定します。【 ......
DevExpress の ASPxMemo でのタイトルコロン（：）非表示設定 DevExpress の ASPxMemo でのタイトルコロン（：）非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトルコロン（：）非表示設定＞「ShowColon=”Fal ......
DevExpress の ASPxMemo でのタイトル位置（縦）設定 DevExpress の ASPxMemo でのタイトル位置（縦）設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル位置（縦）設定＞「VerticalAlign=”Middle& ......
DevExpress の ASPxMemo でのタイトル表示設定 DevExpress の ASPxMemo でのタイトル表示設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示設定＞「Caption=”テキスト複数行入力”」を設 ......
DevExpress の ASPxMemo での未入力時のメッセージ色設定 DevExpress の ASPxMemo での未入力時のメッセージ色設定のサンプルです。現状の画面デザインはこのようになっています。＜未入力時のメッセージ色設定＞「ForeColor=”RedR ......
DevExpress の ASPxMemo での未入力時のメッセージ表示設定 DevExpress の ASPxMemo での未入力時のメッセージ表示設定のサンプルです。現状の画面デザインはこのようになっています。＜未入力時のメッセージ表示設定＞「NullText=”文字を入力し ......
DevExpress の ASPxMemo での高さ設定（サイズ） DevExpress の ASPxMemo での高さ設定（サイズ）のサンプルです。現状の画面デザインはこのようになっています。＜高さ設定（サイズ）＞「Height=”100px”」を設定しま ......
DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript） DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜スクロールバー非表示設定（JavaScript）＞「In ......

投稿タグ: ASPxMemo

MENU

最近の投稿

人気記事