実用例 - 社員情報入力 -

氏名や住所など、基本的なユーザー情報の入力画面には、自動入力、フォーカス移動、エラーチェックなどのInputManの機能を活用できます。ここでは以下の機能を実装しています。快適な入力操作をお試しください。
※郵便番号コントロールの機能を有効にするには、「JPAddress for ASP.NET」が必要です。

  • 入力内容に沿った文字種、書式およびIMEモード
  • ふりがな、住所の自動入力
  • Enterキー、Shift+Enterキーによるフォーカス移動
  • 入力完了時の自動フォーカス移動
  • 未入力時のエラー通知
  • ",',select,delete,insertなどSQLインジェクションの要因となる文字列の入力禁止(通信欄)
社員番号
氏名 漢字
フリガナ
自宅住所 郵便番号
住所
電話番号
生年月日
所属部署 部署名
内線
通信欄

ソースコード

別ウィンドウで表示
using System;

public partial class UseCase_UserInfo : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        GcMessageBox1.Show("情報がサーバーに送信されました。", GrapeCity.Web.Input.Core.DialogType.Alert);
    }
}

Partial Class UseCase_UserInfo
    Inherits System.Web.UI.Page

    Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click
        GcMessageBox1.Show("情報がサーバーに送信されました。", GrapeCity.Web.Input.Core.DialogType.Alert)
    End Sub
End Class

<%@ page title="" language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true" inherits="UseCase_UserInfo, App_Web_trxdqb3v" stylesheettheme="SkinFile" %>

<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMPostal" tagprefix="im_postal" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMask" tagprefix="im_mask" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMDate" tagprefix="im_date" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMCombo" tagprefix="im_combo" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMNumber" tagprefix="im_number" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMBalloonTip" tagprefix="im_balloontip" %>
<%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4006.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMMessageBox" tagprefix="im_messagebox" %>
<%@ Register assembly="GrapeCity.Web.Input.SQLInjectionChecker.v100" namespace="GrapeCity.Web.Input.IMSQLInjectionChecker" tagprefix="im_GcSqlInjection" %>

<%@ Register assembly="mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" namespace="System" tagprefix="cc1" %>
<%@ Register assembly="GrapeCity.Web.JPAddress, Version=2.0.4001.2012, Culture=neutral, PublicKeyToken=0ba7528ecf28c40a" namespace="GrapeCity.Web.JPAddress" tagprefix="gc_jpaddress" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">

        function GcNumber1_InvalidInput(sender, eArgs) {
            FindIMControl("<%= GcBalloonTip1.ClientID %>").Show("GcNumber1");
        }

        function GcMask2_InvalidInput(sender, eArgs) {
            FindIMControl("<%= GcBalloonTip1.ClientID %>").Show("GcMask2");
        }

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <ul style="margin-left:30px;margin-bottom:20px;">
        <li>入力内容に沿った文字種、書式およびIMEモード</li>
        <li>ふりがな、住所の自動入力</li>
        <li>Enterキー、Shift+Enterキーによるフォーカス移動</li>
        <li>入力完了時の自動フォーカス移動</li>
        <li>未入力時のエラー通知</li>
        <li>",',select,delete,insertなどSQLインジェクションの要因となる文字列の入力禁止(通信欄)</li>
    </ul>
    <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
        <shortcutitem controlid="GcTextBox1" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549" />
        <shortcutitem controlid="GcTextBox2" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcTextBox3" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcTextBox4" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549" />
        <shortcutitem controlid="GcPostal1" value="Clear,113,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcMask1" value="Clear,113,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcMask2" value="Clear,113,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcDate1" value="Clear,113,DropDown,118,Now,119,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcComboBox1" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549"/>
        <shortcutitem controlid="GcNumber1" value="Clear,113,DropDown,118,NextControl,13,PreviousControl,65549"/>
    </im_extenders:GcShortcut>
    <im_extenders:GcValidatorAction ID="GcValidatorAction1" runat="server">
        <validateactionsitem controlid="GcSQLInjectionChecker1" tooltipicon="Error" 
        tooltiptext="SQLインジェクションの要因となる文字列は入力できません。" tooltiptitle="通信欄" type="TipNotify" />
        <usedefaultactionsitem controlid="RequiredFieldValidator1" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator2" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator3" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator4" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator5" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator6" value="True" />
        <usedefaultactionsitem controlid="RequiredFieldValidator7" value="True" />
        <iconnotify icontip="必須入力です。" />
        <colornotify invalidbackcolor="PapayaWhip" />
    </im_extenders:GcValidatorAction>
    <im_balloontip:GcBalloonTip ID="GcBalloonTip1" runat="server" TargetNameChanged="False">
        <controlid value="GcNumber1"></controlid>
        <balloontipinfo caption="社員番号" captionfont-name="メイリオ" icon="Error" 
            text="5ケタの半角数字で入力してください。" textfont-name="メイリオ" usecaptionfont="True" 
            usetextfont="True">
        </balloontipinfo>
        <controlid value="GcMask2"></controlid>
        <balloontipinfo caption="内線番号" captionfont-name="メイリオ" icon="Error" 
            text="3ケタの半角数字で入力してください。" textfont-name="メイリオ" usecaptionfont="True" 
            usetextfont="True">
        </balloontipinfo>
    </im_balloontip:GcBalloonTip>
    <im_messagebox:GcMessageBox ID="GcMessageBox1" runat="server"></im_messagebox:GcMessageBox>
    <gc_jpaddress:GcJPAddress ID="GcJPAddress1" runat="server">
    </gc_jpaddress:GcJPAddress>
    <table class="inputTable">
        <tr>
            <th class="inputTh" colspan="2">社員番号</th>
            <td class="inputTd">
                <im_number:GcNumber ID="GcNumber1" runat="server" ExitOnLeftRightKey="Both" HasLoadFromXml="True" MinValue="0">
                    <Format Digit="00000" NegativePrefix="-" />
                    <DisplayFormat Digit="00000" NegativePrefix="-" />
                    <clientevents invalidinput="GcNumber1_InvalidInput"></clientevents>
                    <DropDown Visible="False" /><helpvalue ></helpvalue>
                </im_number:GcNumber>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="GcNumber1"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh" rowspan="2">氏名</th>
            <th class="inputTh">漢字</th>
            <td class="inputTd">
                <im_edit:GcTextBox ID="GcTextBox1" runat="server" HasLoadFromXml="True" 
                    Width="300px" ExitOnLastChar="True" ExitOnLeftRightKey="Both" Format="Z" 
                    ImeMode="Active"><readingimestringoutput targetcontrol="GcTextBox2" />
                </im_edit:GcTextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                    ControlToValidate="GcTextBox1"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh">フリガナ</th>
            <td class="inputTd">
                <im_edit:GcTextBox ID="GcTextBox2" runat="server" HasLoadFromXml="True" 
                    Width="300px" ExitOnLastChar="True" ExitOnLeftRightKey="Both" Format="K">
                </im_edit:GcTextBox>
            </td>
        </tr>
        <tr>
            <th class="inputTh" rowspan="2">自宅住所</th>
            <th class="inputTh">郵便番号</th>
            <td class="inputTd">
                <im_postal:GcPostal ID="GcPostal1" runat="server" HasLoadFromXml="True" 
                    AddressOutput="GcTextBox3" ExitOnLastChar="True" ExitOnLeftRightKey="Both" 
                    ImeMode="InActive"><Format ZipCodePrefix="〒" /></im_postal:GcPostal>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                    ControlToValidate="GcPostal1" InitialValue="〒___-____"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh">住所</th>
            <td class="inputTd">
                <im_edit:GcTextBox ID="GcTextBox3" runat="server" HasLoadFromXml="True" 
                    Width="300px" ExitOnLastChar="True" ExitOnLeftRightKey="Both" 
                    ImeMode="Active"></im_edit:GcTextBox>
            </td>
        </tr>
        <tr>
            <th class="inputTh" colspan="2">電話番号</th>
            <td class="inputTd">
                <im_mask:GcMask ID="GcMask1" runat="server" HasLoadFromXml="True" Width="300px" 
                    ExitOnLastChar="True" ExitOnLeftRightKey="Both" ImeMode="InActive">
                    <Format Pattern="TEL \D{2,4}-\D{2,4}-\D{4}" />
                </im_mask:GcMask>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                    ControlToValidate="GcMask1" InitialValue="TEL __-__-____"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh" colspan="2">生年月日</th>
            <td class="inputTd">
                <im_date:GcDate ID="GcDate1" runat="server" HasLoadFromXml="True" Width="300px" 
                    ExitOnLastChar="True" ExitOnLeftRightKey="Both" ImeMode="InActive">
                    <helpvalue ></helpvalue>
                    <Format Pattern="ggg ee年MM月dd日" />
                    <DisplayFormat Pattern="ggg E年MM月dd日" />
                </im_date:GcDate>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                    ControlToValidate="GcDate1" InitialValue="__ _年__月__日"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh" rowspan="2">所属部署</th>
            <th class="inputTh">部署名</th>
            <td class="inputTd">
                <im_combo:GcComboBox ID="GcComboBox1" runat="server" HasLoadFromXml="True" 
                    ExitOnLastChar="True" ExitOnLeftRightKey="Both" ItemsChanged="False">
                    <ListBox AutoWidth="True" TextSubItemIndex="1" />
                    <listheaderpane font-name="メイリオ" visible="True"></listheaderpane>
                    <defaultcolumn autowidth="True" header-allowresize="True"></defaultcolumn>
                    <listcolumn header-text="部名"></listcolumn>
                    <listcolumn header-text="課名"></listcolumn>
                    <ItemTemplate BackColor="#FFFFFF"></ItemTemplate>
                    <comboitem></comboitem>
                    <subitem index="0" value="総務部"></subitem>
                    <subitem index="0" value="総務課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="1" value="総務部"></subitem>
                    <subitem index="1" value="人事課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="2" value="総務部"></subitem>
                    <subitem index="2" value="福祉課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="3" value="企画部"></subitem>
                    <subitem index="3" value="総合企画課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="4" value="企画部"></subitem>
                    <subitem index="4" value="事業計画課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="5" value="情報システム部"></subitem>
                    <subitem index="5" value="システム管理課"></subitem>
                    <comboitem></comboitem>
                    <subitem index="6" value="情報システム部"></subitem>
                    <subitem index="6" value="情報システム課"></subitem>
                    <helpvalue ></helpvalue>
                </im_combo:GcComboBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                ControlToValidate="GcComboBox1"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh">内線</th>
            <td class="inputTd">
                <im_mask:GcMask ID="GcMask2" runat="server" HasLoadFromXml="True" 
                    ExitOnLastChar="True" ExitOnLeftRightKey="Both">
                    <Format Pattern="\D{3}" />
                    <clientevents invalidinput="GcMask2_InvalidInput"></clientevents>
                </im_mask:GcMask>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                    ControlToValidate="GcMask2"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <th class="inputTh" colspan="2">通信欄</th>
            <td class="inputTd">
                <im_edit:GcTextBox ID="GcTextBox4" runat="server" HasLoadFromXml="True" 
                    Height="60px" MultiLine="True" Width="300px"></im_edit:GcTextBox>
                <im_GcSqlInjection:GcSQLInjectionChecker ID="GcSQLInjectionChecker1" 
                    runat="server" ControlToValidate="GcTextBox4" HasLoadFromXml="True">
                </im_GcSqlInjection:GcSQLInjectionChecker>
            </td>
        </tr>
    </table>
    <center>
        <asp:Button ID="Button1" runat="server" CssClass="setButton" Text="登録" 
            onclick="Button1_Click" />
    </center>
</asp:Content>


このページの先頭へ戻る