DevExpress でのスピンエディットのエラーメッセージ設定

DevExpress でのスピンエディット（ASPxSpinEdit）のエラーメッセージ設定のサンプルです。

現状の画面デザインはこのようになっています。

＜スピンエディットのエラーメッセージ設定＞

・「ASPxSpinEdit」の「ValidationSettings」に対して「ErrorText=”値が不正です！！”」の設定をします。

・同じように残りの「ASPxSpinEdit」に対してもエラーメッセージ設定をします。

【サンプルプログラム】

<script type="text/javascript">
    function CheckValid(s, e) {
        // エラーチェック処理は省く
        e.isValid = false;
    }
</script>
<form id="form1" runat="server">
<div>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClientSideEvents Validation="function(s, e) {
            CheckValid(s, e);
        }" />
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings VerticalAlign="Middle" />
        <ValidationSettings ErrorText="値が不正です！！">
        </ValidationSettings>
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClientSideEvents Validation="function(s, e) {
            CheckValid(s, e);
        }" />
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings VerticalAlign="Middle" />
        <ValidationSettings ErrorText="値が不正です！！">
        </ValidationSettings>
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClientSideEvents Validation="function(s, e) {
            CheckValid(s, e);
        }" />
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings VerticalAlign="Middle" />
        <ValidationSettings ErrorText="値が不正です！！">
        </ValidationSettings>
    </dx:ASPxSpinEdit>
</div>
</form>

function CheckValid(s, e) {

// エラーチェック処理は省く

e.isValid = false;

}

</script>

<div>

<dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">

</SpinButtons>

<ClientSideEvents Validation="function(s, e) {

CheckValid(s, e);

}" />

</ClearButton>

</ValidationSettings>

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">

</SpinButtons>

<ClientSideEvents Validation="function(s, e) {

CheckValid(s, e);

}" />

</ClearButton>

</ValidationSettings>

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" MaxValue="110" MinValue="-6" NumberType="Integer">

</SpinButtons>

<ClientSideEvents Validation="function(s, e) {

CheckValid(s, e);

}" />

</ClearButton>

</ValidationSettings>

</dx:ASPxSpinEdit>

</div>

</form>

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

↓

無事にスピンエディット（ASPxSpinEdit）のエラーメッセージ設定が出来ました。

＜全項目エラー表示＞

MENU

最近の投稿

人気記事

MENU

DevExpress でのスピンエディットのエラーメッセージ設定

関連記事はこちら:

最近の投稿

人気記事