Bootstrapを使用した.NETフォーム3.3.5

Question

私はBootsrapフォームを.NETによって強化されたKentico CMSに統合しています。そうすることで、私は "フォーム"タグが私のフォームから削除されていることに気付きました。

私はKentico Supportから以下を受け取った - カスタムフォームタグがASP.NET Webフォームでサポートされていないのは恐れている。問題は、ASP.NETでは、ページ全体がフォームタグでラップされていることです（これはKenticoに固有の標準的な.NET動作です）.HTML標準ではネストされたフォームタグは使用できません。

私はHTMLでエラー処理を組み込んだページテンプレートを用意していますが、.NETプログラミングの経験はありません。誰でも私がどのようにBootstrapフォームのエラー処理と提出が.NET内で正しく動作するかを教えていただけますか？

ありがとうございました！ここで

が現在のフォーマットです：

<form action="" method="post" id="contact_form"> 
    <div class="col-md-12"> 
     <div class="col-md-6 zero-margin-bottom"> 
      <div class="form-group"> 
       <label for="Company">Company</label> 
       <input name="company" type="company" class="form-control" id="exampleInputCompany" placeholder="Company"> 
      </div> 
      <div class="form-group"> 
       <label for="FirstName">First Name</label> 
       <input name="first_name" type="firstname" class="form-control" id="exampleInputFirstName" placeholder="First Name"> 
      </div> 
      <div class="form-group"> 
       <label for="LastName">Last Name</label> 
       <input name="last_name" type="lastname" class="form-control" id="exampleInputLastName" placeholder="Last Name"> 
      </div> 
     </div> 
     <div class="col-md-6 zero-margin-bottom"> 
      <div class="form-group"> 
       <label for="exampleInputEmail1">Email address</label> 
       <input name="email" type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> 
      </div> 
      <div class="form-group"> 
       <label for="exampleInputPassword1">Phone</label> 
       <input name="phone" type="phone" class="form-control" id="exampleInputPhome" placeholder="Phone"> 
      </div> 
      <div class="form-group"> 
       <label for="country">Country</label> 
       <select name="country" class="form-control"> 
        <option value="">Select Country</option> 
        <option value="Abu Dhabui">Abu Dhabui</option> 
        <option value="...">Afghanistan</option> 
       </select> 
      </div> 
     </div> 
     <div class="col-md-12 zero-margin-bottom"> 
      <div class="form-group"> 
       <label for="comments">Comments:</label> 
       <textarea name="comment" class="form-control" rows="3"></textarea> 
      </div> 
      <button type="submit" class="btn btn-default submit btn-danger">Send Request</button> 
     </div> 
    </div> 
</form> 

Answer 1

は<form>タグを削除し、それが必要ではないです。あなたのスタイリングがそのフォームタグに依存している場合は、すべてのフォーム要素を囲むdivに別のクラスを追加します。デフォルトでは、<form>を<form>に入れ子にしてasp.net webforms開発を使用することはできません。 Kenticoのポータル開発モデルはそれを使用しており、<form>タグがファイルシステムのマスターページテンプレート上にあるため、毎回問題が発生します（変更しないことをお勧めします）。

Answer 2

ブートストラップ検証はフォームタグに依存しません。基本的には親要素に.has-errorクラスを追加します。あなたのマークアップを確認するにはインスペクタ（ChromeのF12）を使用し、親の要素には確実に男性.has-errorクラスが追加されています。

ブートストラップには、エラー、警告、および成功のための検証スタイルが含まれています フォームコントロールの状態。使用するには、.has-warning、.has-error、または .has-successを親要素に追加します。任意の.control-label、.form-control、 およびその要素内の.help-blockは、 スタイルの検証を受け取ります。

詳細はhereを参照してください。

Hereは動作例です。