登録ボタンを押す際に、重複のチェックのしたい。

Question

<form id="myform" method="post">
	<table id="grid-command-buttons" class="table table-condensed table-hover table-striped">
		<thead>
			<tr>
				<th data-column-id="id" data-type="string" data-identifier="true" data-order="asc">コード</th>
				<th data-column-id="namae">名称</th>
				<th data-column-id="commands" data-formatter="commands" data-sortable="false">編集・削除</th>
			</tr>
		</thead>
		<tbody>
		<%
			foreach (var _区 in _区分)
			{
		%>
			<tr data-row-id="<%= _区["コード"] %>" class="modal-tr">
				<td><%= _区["コード"] %></td>
				<td><%= _区["コード名"] %></td>
				<td data-column-id="commands"></td>
			</tr>
		<%
			}
		%>
		</tbody>
	</table>
</form>
<div class="form-group text-center">
	<div class="col-lg-12">
		<button id="add" type="button" class="btn btn-info pause"><span class="glyphicon glyphicon-plus"></span>&nbsp;追加</button>
		<button id="close" type="button" class="btn btn-info"><span class="glyphicon glyphicon-remove"></span>&nbsp;閉じる</button>
		<br>
	</div>
</div>

上記の「add」を押した際に出てくるモーダルウィンドウ

<!--モーダル・ダイアログ-->
<table class="table table-condensed table-bordered table-hover hos_table_data">
	<thead>
		<tr class="active" id="datamodal">
			<th class="control-label"><span>コード</span></th>
			<th class="control-label"><span>名称</span></th>
		</tr>
	</thead>
	<tbody>
		<tr style="height: 30px;" data-row-id="dialogid">
			<td class="add_id">
				<input type="text" class="form-control fm" onclick="this.select();" id="add_id" name="add_id" placeholder="00" /></td>
			<td class="add_name">
				<input type="text" class="form-control fm" onclick="this.select();" id="add_name" name="add_name" placeholder="20字以内で入力してください" /></td>
		</tr>
	</tbody>
</table>
<div class="modal-footer">
	<div class="form-group text-center">
		<div class="col-lg-12">
			<button id="add_reg" type="button" class="btn btn-info pause"><i class="glyphicon glyphicon-list"></i>&nbsp;登録</button>
			<button type="button" class="btn btn-info" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i>&nbsp;キャンセル</button>
			<br>
		</div>
	</div>
</div>

var grid =
    $("#grid-command-buttons").bootgrid({
        formatters: {
            "commands": function (column, row) {
                return "<button type=\"button\" class=\"btn btn-xs btn-default command-edit\" data-row-id=\"" + row.id + "\"><span>編集</span></button> " +
                    "<button type=\"button\" class=\"btn btn-xs btn-default command-delete\" data-row-id=\"" + row.id + "\"><span>削除</span></button>";
            }
        }
    });

$("#add_reg").click(function (e) {
	if ($(this).hasClass("disabled")) {
		return;
	}
	$("span.label.label-warning").hide();

	var add_id = formValue.add_id(); if (add_id === false) { return false; }
	var add_name = formValue.add_name(); if (add_name === false) { return false; }
});

var formValue = {
    // コード
    add_id: (function () {
        var temp = $("#add_id").val();
        if (!temp.match(/^[0-9]+$/)) {
            alert("コードを数値で入力してください");
            return false;
        } else if (!temp.match(/^[0-9][0-9]$/)) {
            alert("コードは2桁入力して下さい");
            return false;
        } //else if ($("#add_id") == row.id) {
        //    alert("コードが重複しています");
        //}
        return temp;
    })
};

private List<Dictionary<string, string>> __区分;
public List<Dictionary<string, string>> _区分
{
	get
	{
		if (__区分 == null)
		{
			var parameters = new Dictionary<string, string>();
			parameters.Add("種類", _LoginContext._種類);
			var data = new List<Dictionary<string, string>>();
			using (var connection = new SqlConnection(_LoginContext._接続))
			{
				connection.Open();
				using (var command = new SqlCommand())
				{
					var method = MethodBase.GetCurrentMethod();
					var text = string.Format("/* [{0}.{1}] */", method.DeclaringType, method.Name) + @"
	DECLARE @種類 INT; SET @種類 = <D:種類>;
	select distinct
		コード, 
		コード名
	from
		区分マスタ
	order by
		コード
	";
					command.Connection = connection;
					command.CommandText = hos.Utility.ReplaceSql(text, parameters);
					command.CommandTimeout = int.Parse(ConfigurationManager.AppSettings["SqlCommandTimeout"]);
					hos.Utility.SqlLog(Context, command);
					using (var reader = command.ExecuteReader())
					{
						while (reader.Read())
						{
							var dictionary = new Dictionary<string, string>();
							for (var i = 0; i < reader.FieldCount; i++)
  							{
								var name = reader.GetName(i);
								var value = reader.GetValue(i).ToString();
								dictionary.Add(name, value);
							}
							data.Add(dictionary);
						}
					}
				}
			}
		__区分 = data;
		}
		return __区分;
	}
}

↑の「追加」ボタンを押すと、

↑のウィンドウが出る処理をしています。
「登録」ボタンを押す際に、
「コード」が既に登録してある数値が入っている場合に、（この場合は01～05）
「コードが重複しています」とアラートを出したいです。

こちらのコードは、C#からデータを取ってきています。

コードの重複のチェックの方法が分かりません

Comments

[退会済みユーザー]

前のスレッド https://teratail.com/questions/139796 が放置状態ですよ。また同じことになるのですかね。

Answer 1

「コードの重複のチェックの方法」は既に回答にあるとおり登録しようとしているコードでSELECTをかけていってその結果で判定できますが、
「画面遷移を伴わず」というのであればAjaxを利用すると良いです。

Comments

[m.ts10806]

この回答で低評価は何でしょうかね。最近何か個人的な恨みのようなもので低評価を定期的に押す人がいるような気がしてならない。
100％の回答かと言われればそうでもないとは思いますが、低評価押す程間違っているかというとどうなんでしょうか。しかも2日も前のことですし。
理由を書いてもらえれば回答修正対応するんですけど、何もコメントないと直しようがない。

Answer 2

登録ボタンを押したイベントで、コードの重複をチェックして、重複していればアラートを出すコードを組めばよろしい。
で、この中のわからないところというのはどこでしょうか

Comments

[退会済みユーザー]

「コードの重複をチェック」です。
申し訳ございません。言葉足らずでした。

[y_waiwai]

登録されているコードを最初から最後まで順番に取り出してきて、同一かをみていく、でいいんじゃないでしょうか

[退会済みユーザー]

すみません。
そのやり方が分からないのです…。

JavaScriptの var formValueの「//」のところで
if文とforeachを使えばいいとは思うのですが、
そこまでしか分からなくて…。

Answer 3

JavaScriptにあったものをHTMLに移動し、
foreach文で繰り返し取り出したら出来ました。

<script>
        var formValue = {
            // コード
            add_id: (function () {
                var temp = $("#add_id").val();
                if (!temp.match(/^[0-9]+$/)) {
                    alert("コードを数値で入力してください");
                    return false;
                } else if (!temp.match(/^[0-9][0-9]$/)) {
                    alert("コードは2桁入力して下さい");
                    return false;
                } else {
                    <%
        foreach (var _区 in _区分)
        {
                    %>
                    if (temp == <%= _区["コード"].ToString()%>) {
                        alert("コードが重複しています");
                        return false;
                    }
                    <%
        }
                    %>
                }
                return temp;
            })
        };
    </script>

途中上手くいかなかったのですが、

if (temp == <%= _区["コード"].ToString()%>) {
                        alert("コードが重複しています");
                        return false;
                    }

のtempが「#add_id」で、tempに直したらすぐ出来ました。