常連

### 前提・実現したいこと

PHP、HTML、mysqlを使用し社員の情報の登録を行うページを作っています。
その際、入力チェックを行うのですが、エラーの際は画面遷移させずに上のほうに
エラーメッセージを表示させ、すべて内容がokな場合は登録完了のページに飛ぶようにしたいです。

今回の条件
・入力値が空欄、未選択の場合(空白スペースもエラー)に画面遷移させずに、上記のほうに先頭に「・」付きの赤字でエラーを出したい

・すべての項目がokの場合は「add.php」（登録完了用の画面）に値を渡して画面遷移(登録完了画面は作成済み)

・ファイルはすべて同じフォルダにある

・エラー時に入力した値は保持する

・赤字はcssを用意（これはわかるので大丈夫）


補足
・ブートストラップはまだシートを当てただけで実装はしてないです。
・赤字は別にCSSを作成します

### form.php

```PHP

<?
// 初期化
$error = array();

// エラーメッセージ
if($_POST['employee_num'] === "")
{
    $error[] = "社員番号は必ず入力してください。";
}
if($_POST['employee_name'] === "")
{
    $error[] = "氏名は必ず入力してください。";
}
if($_POST['sexual'] === "")
{
    $error[] = "性別が選択されていません。";
}

if($_POST['department'] === "")
{
    $error[] = "所属部署が選択されていません。";
}

if($_POST['phone_num'] === "")
{
    $error[] = "電話番号は必ず入力してください。";
}
if($_POST['street'] === "")
{
    $error[] = "住所は必ず入力してください。";
}
?>


<!DOCTYPE html>
<html lang = "ja">
<head>
<meta charset="UTF-8">
<title>新規登録画面</title>
<link rel="stylesheet" href="../css/bootstrap.css">
</head>
<body>
<h2>新規登録</h2>

// ↓ここから
<?php
if(isset($_POST['send']))
{
    if(isset($error))
    {
?>
    <ul　class="error_message">
    <?php
        foreach($error as $value)
        {
            echo $value."<br>";
        }
    }
    ?>
    </ul>
}
// ↑↑ここまでがエラーメッセージ表示枠

// ここからフォーム画面
    <form method="POST" action="add.php">
        <p>
            社員番号:
            <input type="number" min="1" max="9999" name="employee_num">
        </p>
        <p>
            氏名:
            <input type="text" name="employee_name">
        </p>
        <p>
            性別
            <select name = "sexual">
                <option value="">-</option>
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
        </p>
        <p>
            所属部署:
            <select name="department">
                <option value="" hidden>選択してください</option>
                <option value="1">システム部</option>
                <option value="2">営業部</option>
                <option value="3">総務部</option>
            </select>
        </p>
        <p>
            生年月日:
            <?php
            echo '<select name="year">'. "\n";
            $start = date('Y');
            $end = date('Y') - 100;
            for($i = $start; $i >= $end; $i--)
            {
                echo '<option value="' .$i . '">' . $i .'</option>'. "\n";
            }
            echo '</select>年' . "\n";
            echo '<select name="month">' . "\n";
            for ($i = 1; $i <= 12; $i++)
            {
                echo '<option value="' .$i . '">' . $i .'</option>'. "\n";
            }
            echo '</select>月' . "\n";
            echo '<select name="day">' . "\n";
            for ($i = 1; $i <= 31; $i++)
            {
                echo '<option value="' .$i . '">' . $i .'</option>'. "\n";
            }
            echo '</select>日' . "\n";
            ?>
        </p>
        <p>
            電話番号:
            <input type="text" name="phone_num" onKeyup="this.value=this.value.replace(/[^0-9]+/,'')">
        </p>
        <p>
            住所:
            <input type = "text" name="street">
        </p>
        <input type="submit" name="send" value="登録">
    </form>
</body>
</html>
```

###add.php
```PHP
<?php

$employee_num = (int)$_POST['employee_num'];
$employee_name = $_POST['employee_name'];
$sexual = (int)$_POST['sexual'];
$department = (int) $_POST['department'];
$year = $_POST['year'];
$month = $_POST['month'];
$day = $_POST['day'];
$select_month = sprintf('%02d', $month);
$select_day = sprintf('%02d', $day);
$total = $year.$select_month.$select_day;
$birthday = date("Y-m-d",strtotime($total));
$phone_num = $_POST['phone_num'];
$street = $_POST['street'];


require_once '\MAMP\db_config.php';
try
{
    // DB接続
    $dbh = new PDO('mysql:host=localhost;dbname=employee_db;charset=utf8', $user, $pass);
    $dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $sql = "INSERT INTO employee (employee_num, employee_name, sexual, department, birthday, phone_num, street) VALUES (?, ?, ?, ?, ?, ?, ?)";
    $stmt = $dbh->prepare($sql);
    $stmt->bindValue(1, $employee_num, PDO::PARAM_INT);
    $stmt->bindValue(2, $employee_name, PDO::PARAM_STR);
    $stmt->bindValue(3, $sexual, PDO::PARAM_INT);
    $stmt->bindValue(4, $department, PDO::PARAM_INT);
    $stmt->bindValue(5, $birthday, PDO::PARAM_STR);
    $stmt->bindValue(6, $phone_num, PDO::PARAM_STR);
    $stmt->bindValue(7, $street, PDO::PARAM_STR);
    $stmt->execute();
    $dbh = null;

    echo "社員の登録が完了しました。<br>";
    echo "<a href='index.php'>トップページへ戻る</a>";
}
catch(Exception $e)
{
    echo "エラー発生: " . htmlspecialchars($e->getMessage(), ENT_QUOTES, 'UTF-8') . "<br>";
    die();
}
```
### 試したこと

登録ボタンが押されたとき、$errorに格納されていればforeachで格納されているメッセージを吐き出すというところまでの理解まではできているのですが、実装の部分でつまっています。
現状の実装状況を記述しましたので、どのように実装すればよいのかコード等でご教示いただければ幸いです。。

PHPの入力チェックでエラーメッセージを画面遷移させずに表示させたい

### 複数のレコードをカラムに挿入したい

phpのforeach分を使いmysqlのカラムを一括でレコードに挿入させたい

### 前提

https://kinocolog.com/pdo_prepare_insert/

https://webgroove.work/pdo-prepare-bind-bulk-insert/

のサイトを参考にして実装しましたが下記のようなエラーが出ました

### 発生している問題・エラーメッセージ

```
Fatal error: Uncaught PDOException: SQLSTATE[42S22]: Column not found: 1054 Unknown column 'name' in 'field list' in C:\xampp\htdocs\players_name\teams.php:102 Stack trace: #0 C:\xampp\htdocs\players_name\teams.php(102): PDOStatement->execute() #1 {main} thrown in C:\xampp\htdocs\players_name\teams.php on line 102
```

```PHP

 
foreach($plarray as $i => $v) {
  if($i%2==1) {
     $a = array('name' => $v);
     array_push($pl_insert, $a);
  }
}

 $pl_insert = [];

  $aryColumn = array_keys($pl_insert[0]);
  
  $sql = "INSERT INTO players (".implode(',',$aryColumn).") VALUES";　//・・・①
  
  $sqlarr1 = [];

  foreach($pl_insert as $i1 => $v1) {
    $sqlarr2 = [];
    foreach($v1 as $i2 => $v2) {
      $sqlarr2[] = ':' .$i2 . $i1;
    }
    $sqlarr1[] = '('. implode(',',$sqlarr2). ')';
  }


  $sql .= implode(',', $sqlarr1); 

  $stmt = $dbh->prepare($sql);  //$dbhがPDO本体

 foreach($pl_insert as $key1 => $val1) {
   foreach($val1 as $key2 => $val2) {
      
      $stmt->bindValue(':'.$key2 . $key1 ,$val2);
    }
 }

  $stmt -> execute();
  
```


```

### 試したこと

https://inouelog.com/laravel-column-not-found/
を見てnameというカラムが存在しないことだと思い、//・・・①のINSERT INTO players (name)にしてみたりバインドメソッドでは$stmt->bindValue('name',$val2);　にしたにして実装しましたが（playersというテーブル名)
$stmt -> execute();を実行するとエラーが発生します。

ちなみにvar_dump($sql);　でsql文をしらべると

string(6049) "INSERT INTO players (name) VALUES(:name0),(:name1),(:name2),(:name3)....となっていたり


var_dump($val2)となります。
string(10) "一森 純" string(13) "飯倉 大樹" string(13) "白坂 楓馬" string(32) "オビ パウエル オビンナ" string(13) "永戸 勝也" string(16) "畠中 槙之輔" 

エラーメッセージを解決できませんよろしくお願いいたします。




複数のカラムを挿入できない

### 前提

①「width:80%、font-size:14px」内に全角で何文字収まるか調べるcapasity関数を作成し、
②対象となるテキストの文字数をカウントするtextcount関数を作成、
③はみ出した部分を「...」で表示するshorten関数を作成
④ページ読み込み時にshorten関数を実行

というプログラムをネットのものを参考にしつつ自分のサイトに合うように改変した以下のソースコードをまず見て頂けますでしょうか。


### 該当のソースコード

```html
<style type="text/css">
		.sample {
			width: 80%;
			font-size: 14px;
			border-style: solid;
			margin-top: 30px;
		}

		.sample * {
			display: inline-block;
		}

		.sample div {
			background-color: yellow;
		}

		.sample span {
			background-color: pink;
		}
</style>
<body>
	<div class="sample">
		<div>.sampleに何文字ならキレイに収まるか調べて、</div>
		<span>文字数が多い場合.sample > div部分を省略して表示させる</span>
	</div>
	<div class="sample">
		<div>実現させたいのはページ内にあるすべての</div>
		<span>.sample > divに同じ処理をさせたい</span>
	</div>
<script type="text/javascript">
/*全角で最大何文字ならキレイに収まるかを調べる関数*/
function capacity(s) {

	//算出されたCSSを取得
	var style = window.getComputedStyle(s);

	//フォントサイズとボックスの幅を数値で取得
	var fontsize = parseInt(style.fontSize);
	var width = parseInt(style.width);

	//ボックスに収納できる文字数
	var mojisuu = Math.floor(width/fontsize);

	return mojisuu;
};


/*対象のテキスト(.sample)が全角1文字、半角0.5文字で合計何文字になるか計算する関数*/
function textcount(n) {

	var nagasa = 0;

	for (i = 0; i < n.length; i++) {

		if(n[i].match(/[ -~]/) ) {

			nagasa += 0.5;
		}

		else {

			nagasa += 1;
		}


	}

	return nagasa;

};


var sample = document.querySelector(".sample");
var str = sample.innerText;
var strfirst = sample.firstElementChild.innerHTML;

/**/
function shorten() {

	var kstr = str;
	var count = (textcount(kstr));

	if (count > capacity(sample)) {

		//はみ出してる文字数+4文字をテキストの後ろから削除
		strfirst = strfirst.slice( 0, capacity(sample) - count -4 ); 

		//「…」と連結し、元のテキストを置き換える
		sample.firstElementChild.innerHTML = strfirst + "…";
	}

	//要素の幅が十分にあればそのまま表示
	else {
		;
	}
};

shorten();

</script>
</body>
```

### 発生している問題・試したこと・実現したいこと

上のプログラムだと73行目でquerySelector()メソッドを使用しているため最初の.sampleしか省略されません。

すべての.sampleの文字数を調べ、それぞれの.sampleの子要素のdivを省略させるにはどうすればいいでしょうか...？

querySelectorAll()メソッドとforEach()メソッドの反復処理を使ったりして試行錯誤してみたのですが根本的な使い方が間違ってるのか前に進めず、迷って質問させて頂きました。

どうぞよろしくお願いします。

### 上記のコードをforEach文で書き直したコード

```html
<script>
<!--コメントを受け上記コードの73行目以降をforEach文で修正したものです->
var sample = document.querySelector(".sample");
var sampleall = document.querySelectorAll(".sample");


sampleall.forEach(function(value){

	var count = (textcount(value.innerText));

	if (count > capacity(value)) {

		//はみ出してる文字数+4文字をテキストの後ろから削除
		value.firstElementChild.innerHTML = value.firstElementChild.innerHTML.slice( 0, capacity(value) - count -4 ); 

		//「…」と連結し、元のテキストを置き換える
		value.firstElementChild.innerHTML = value.firstElementChild.innerHTML + "…";
	}

	//要素の幅が十分にあればそのまま表示
	else {
		;
	}
});
</script>

```

[javascript]文字数をカウントしてはみ出した部分を「...」で表示させたい

###前提・実現したいこと
List型に格納したデータを
インデックス番号の0から順に列挙したいです。


###教えていただきたいこと
foreachステートメントを使って列挙しようとした場合、
順序は必ず保証されるのでしょうか？

###ソースコード

        public class Syain
        {
            public int ID { get; set; }
            public string Name { get; set; }
        }
        
        
        
        static void Main(string[] args)
        {

            List<Syain> syainList = new List<Syain>();
            
            syainList.Add(new Syain { ID = 1, Name = "Aさん" });
            syainList.Add(new Syain { ID = 2, Name = "Bさん" });
            syainList.Add(new Syain { ID = 3, Name = "Cさん" });
            syainList.Add(new Syain { ID = 4, Name = "Dさん" });
            syainList.Add(new Syain { ID = 5, Name = "Eさん" });


            foreach (Syain member in syainList)
            {
                //syainListのインデックス番号順（0,1,2,3,4の順）に出力したい
                Console.WriteLine(member.Name);
            }

        }






###補足情報(言語/FW/ツール等のバージョンなど)
.NET Framework 4.5.1

List型から順序を保証してデータを列挙したい

### 前提・実現したいこと

node.jsを使いsqlを取得し表示したいと思っています。
ejsでforEachを使おうとしたらCannot read property 'forEach' of undefinedというエラーが出ました。

### 発生している問題・エラーメッセージ

```
Cannot read property 'forEach' of undefined
```

### 該当のソースコード

```ejs
<ul class="table-body">
    <% characters.forEach ((character) => { %>
      <li>
        <div class="item-data">
	        <span class="name-column"><%= character.name %></span>
	        <span class="nickName-column"><%= character.nickName %></span>
          <span class="gender-column"><%= character.gender.gender %></span>
          <span class="height-column"><%= character.height %></span>
          <span class="episode-column"><%= character.episode %></span>
          <span class="fruit-column"><%= character.characters.fruit %></span>
          <span class="fruitType-column"><%= character.fruit.fruit %></span>
          <span class="haki-column"><%= character.haki.haki %></span>
          <span class="race-column"><%= character.race %></span>
          <span class="ship-column"><%= character.ship %></span>
          <span class="belongA-column"><%= character.belongA %></span>
          <span class="belongB-column"><%= character.belongB %></span>
          <span class="belongC-column"><%= character.belongC %></span>
          <span class="belongD-column"><%= character.belongD %></span>
          <span class="birthM-column"><%= character.birthM %></span>
          <span class="birthD-column"><%= character.birthD %></span>
          <span class="blood-column"><%= character.blood.blood %></span>
          <span class="home-column"><%= character.home %></span>
          <span class="sea-column"><%= character.sea.sea %></span>
          <span class="love-column"><%= character.love %></span>
          <span class="hate-column"><%= character.hate %></span>
          <span class="price-column"><%= character.price %></span>
          <span class="measurementsB-column"><%= character.measurementsB %></span>
          <span class="measurementsW-column"><%= character.measurementsW %></span>
          <span class="measurementsH-column"><%= character.measurementsH %></span>
          <span class="marineClass-column"><%= character.marineClass.marineClass %></span>


        </div>
      </li>
     <% }) %>
   </ul>
```

### 試したこと

ejsの書き方の見本をみながら;をつけたりと試してみました。

### 補足情報（FW/ツールのバージョンなど）

Cannot read property 'forEach' of undefinedと出ます

やりたいこと
---
掲題の通り、foreach内で最後の要素だった場合処理を行うようにしたいのですが、やり方がわかりません。
機密情報でコードを載せることができないので簡単にイメージを書かせていただきます。

hogeはList<Model>型で、itemはModel型です。


```C#
                  foreach (var item in hoge)
                        {
                            if (item == "hoge")
                            {
                                Console.WritLine(item);
                            }
                            else if(最後の要素であればtrue)      //ここにあたるもの
                            {
                                Console.WritLine(item);
                            }
                        }
```
情報が少ないですが、もしご存じでしたらご教授お願い致します。


環境：
windows10 64bit
visual studio 2019
ASP.NET webアプリケーション MVC
.NET Framework 4.7.2

foreachループ内で、最後の要素だった場合処理をしたい

### 解決したいこと
今Webアプリを作っています。入力フォームに値を保持したいのですが、うまくいきません。
表以外はうまくいったのですが、表の中の入力フォームはうまく値を保持することができませんでした
ネットでも色々調べたのですが、そもそもtableを入力フォームにしている事例があまりなく困っています
### 発生している問題・エラー
1,2枚目で入力して投稿ボタンを押してエラーがあった場合1,2枚目で入力した値をそのままにしたいのですが3,4枚目のとおりうまくいってません。
![イメージ説明](d802c2653f7d6cfc58a871d1cf365f59.png)
![イメージ説明](9c9844cbef5f5d1d56e3cc19652bb31c.png)
![イメージ説明](5b01f5c79b25867812fc39e58ac3578a.png)
![イメージ説明](10a408f7befe90256f22b4d3f15257ac.png)
### 該当するソースコード
```java
<form method="POST" action="<c:url value='/purchases/new' />">

        <label for="title">現場名</label><br />
        <input type="text" name="title" value="${purchase.title}" />
        <br />

        <label for="delivery_date">発注日</label><br />
        <input type="date" name="delivery_date" value="${purchase.delivery_date}" />
        <br />

        <label for="desired_delivery_date">納入希望日</label><br />
        <input type="date" name="desired_delivery_date" value="${purchase.desired_delivery_date }" />
        <br />

        <label for="delivery_plase">納品住所</label><br />
        <input type="text" name="delivery_plase" value="${login_orderer.address}" />
        <br /><br />

            <table>
                <tbody>
                    <tr>
                        <th>品番・品名</th>
                        <th>数量</th>
                        <th>単位</th>
                    </tr>
                    <c:choose>
                        <c:when test="${errorsMap != null }">
                            <c:forEach items="${success }" var="success" varStatus="i">
                                <tr>
                                    <c:choose>
                                        <c:when test="${success.item != null }">
                                            <td><input type="text" name="items" value="${success.item }"></td>
                                        </c:when>
                                        <c:otherwise>
                                            <td><input type="text" name="items" value=""></td>
                                        </c:otherwise>
                                    </c:choose>
                                    <td><input type="text" name="volumes"
                                        value="${success.volume }" /></td>
                                    <td><select name="units">
                                            <option value="m">ｍ</option>
                                            <option value="㎡">㎡</option>
                                            <option value="式">式</option>
                                            <option value="ケース">ケース</option>
                                    </select></td>
                                </tr>
                            </c:forEach>
                        </c:when>
                        <c:otherwise>
                    <c:forEach var="i" begin="0" end="9">
                    <tr>
                            <td><input type="text" name="items" value=""></td>
                            <td><input type="text" name="volumes" value="" /></td>
                            <td><select name="units">
                                    <option value="m">ｍ</option>
                                    <option value="㎡">㎡</option>
                                    <option value="式">式</option>
                                    <option value="ケース">ケース</option>
                            </select></td>
                    </tr>
                    </c:forEach>
                    </c:otherwise>
                    </c:choose>
                </tbody>
            </table>
```
### 自分で試したこと
入力フォームで受け取ったものをサーブレットのpostで"items"や"volumes"をListにいれてjspで出力したり
hashmapに入れてみたりpをjspで出力したりいろいろ試した結果サーブレットではなくjspがうまく書けていないのではないかと思っています。

入力フォームの値を保持したい

### 実現したいこと
独学でC#の勉強をしています。
for文やforeachを使用してDataTableに入っている値を取得しようとしています。
DataTableに入っているデータを順番にすべて取り出しながら３次元配列に入れたいです。


### 発生している問題
現在、foreach文で列ごとに取得し、配列に代入するところまで(該当のソースコード)は分ったのですが、列名を指定せず、列をまたいでも処理を継続できるように改良したいと考えています。

理想としては
配列の中身が、{3.2,田中} , {2.4,山田} , {3.5,斎藤} , {5.6,田中} , {5.7,山田} , {4.9,斎藤} , {3.9,田中}…のようになることです。
(列aの一番上から一番下まで行ったら列b、列c…と繰り返す)

拙い文章で申し訳ありませんがお力を貸してくださると幸いです。
よろしくお願いいたします。
### DataTableの中身
見づらくてすみません。例ですがこのようなものです。

id | 氏名 | 列名a | 列名b | 列名c | 列名d　・・・
1  | 田中 |  3.2  |  5.6  |  3.9  |  2.1
2  | 山田 |  2.4  |  5.7  |  3.4  |  2.3
3  | 斎藤 |  3.5  |  4.9  |  2.9  |  3.0
・
・
・
### 該当のコード (１列のみ)
```C#

foreach (DataRow dr1 in dt.Rows)　　
{
　　　　test[i, 0] = dr1["列名a"];   
　　　　test[i, 1] = dr1["氏名"];        
　　　　//Console.WriteLine("氏名," + test[i, 1]); 
　　　　//Console.WriteLine("列名aの値," + dr1["列名a"]);
　　　　i++;
}
                   
```

### 試してみたこと
「該当のソースコード」のforeachを２重にすれば良いのかと考えましたが上手くできませんでした。
### 補足情報
visual studio2017を使用しています。

###解決後
初心者のため、かなり汚く効率の悪いコードになっているとは思いますが、自分用の記録、同じ疑問を持つ人用に残しておきます。

```c#
 foreach (DataColumn retu in dt.Columns)  //列ごと    この書き方だとid列、氏名列も対象になってる。
 {                                                    　　    
      //列名が「id」「氏名」のところを回避する。
      if (3 <= ct2 && ct2 <= 896)
      {
           foreach (DataRow dr1 in dt.Rows)　　//行ごと
           {
                 //retuName = retu.ColumnName;     //String型で列名取得できる
                 test[j, i, 0] = dr1[retu.ColumnName];   
                 test[j, i, 1] = dr1["氏名"];

　　　　　　　　　 //チェック用
                 //Console.WriteLine("{0},{1}",j,i);
                 //Console.WriteLine("氏名," + test[j, i, 1]);//氏名,山田　とか
                 //Console.WriteLine(retu.ColumnName + "," + dr1[retu.ColumnName]);//列名B,5.7　とか
                 //Console.WriteLine();
                 i++;
            }
            j++;
            i = 0;
            
       }
       ct2++;
}
```