フォーム検証はまだ空のフォームを提出しています

Question

私はすべてのフィールドを入力するフォームを持っています。状況は、私はユーザーが操作に関係する人の名前で入力する入力フィールドを持っており、名前はテキストエリアにリストされます。私は入力フィールドからユーザーが挿入したデータをキャプチャする必要があるため、テキストエリアで「必須」と「無効」を使用します。しかし、空のフォームを送信しようとすると、空の値がデータベースに送信されます。

<form name="prereport" action="insert_operation.php" method="POST"> 
 
    <div class="container"> 
 
    <div class="container-fluid"> 
 
     <input name="inputtitle" type="text" class="form-control" placeholder="Insert Operation Title" required> 
 
     <br> 
 
     <div class="input-group"> 
 
     <input name="inputname" type="text" class="form-control" placeholder="Insert Name of Person Going"> 
 
     <span class="input-group-btn"> 
 
      <button class="btn btn-default" type="button" onclick="addtext();">Add +</button> 
 
     </span> 
 
     </div> 
 
     <br> 
 
     <div class="output-group"> 
 
     <label for="comment">List of Person Going</label> 
 
     <textarea name="outputname" class="form-control" rows="5" id="comment" required required></textarea> 
 
     </div> 
 
     <br> 
 
     <div class="input-group"> 
 
     <input name="inputequip" type="text" class="form-control" placeholder="Insert Equipment to Bring for Operation"> 
 
     <span class="input-group-btn"> 
 
      <button class="btn btn-default" type="button" onclick="addequip();">Add +</button> 
 
     </span> 
 
     </div> 
 
     <br> 
 
     <div class="output-group"> 
 
     <label for="comment">List of equipments for operation</label> 
 
     <textarea name="outputequip" class="form-control" rows="5" id="comment" required disabled></textarea> 
 
     </div> 
 
     <br> 
 
     <br> 
 
     <center> 
 
     <button type="submit" class="btn btn-warning" id="check">Add</button> 
 
     </center> 
 
    </div> 
 
    </div> 
 
</form>

形式の画像：

Answer 1

クエンティンが言おうとしているどのようなフィールドが "無効" 性質を持っている場合、DATであるフィールドウォン」フォームの投稿と一緒に送ってください。

「無効」ではなく「読み取り専用」を使用してください。

主な相違点

無効属性無効化フォーム要素のための

値はプロセッサ メソッドに渡されません。 W3Cはこれを成功要素と呼びます（これはチェックされていない フォームチェックボックスに似ています）。一部のブラウザでは無効なフォーム要素を無効にするか、 デフォルトスタイルを指定することがあります。 （グレーアウトまたは エンボステキスト）Internet Explorer 5.5は特にこれについて厄介です。 無効なフォーム要素はフォーカスを受けません。無効なフォーム要素 は、タブ移動ではスキップされます。

読み取り専用

ないすべてのフォーム要素がreadonly属性を持つ属性。ブラウザの は、フォーム要素が の読み取り専用の既定のオーバーライドされたビジュアルフィードバックを提供しません。 （これは問題である可能性があります。下記を参照してください） のreadonly属性が設定されたフォーム要素は、フォームプロセッサに渡されます。 を読んでください。フォーム要素だけがフォーカスを受け取ることができます。読み取り専用のフォーム要素は、タブ付きのナビゲーションに含まれています。 です。