.NET form with Bootstrap 3.3.5

Question

Я работаю над интегрированием форм Bootsrap в Kentico CMS, который работает на .NET. При этом я заметил, что тег «форма» удаляется из моей формы.

Я получил следующее от Kentico Support - боюсь, что пользовательские формы тегов не поддерживаются в ASP.NET WebForms. Проблема в том, что в ASP.NET вся страница обернута в тег формы (это стандартное поведение .NET, не относящееся к Kentico), а стандарт 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. Модель разработки портала Kentico использует это, и это вызывает проблемы каждый раз, потому что тег <form> находится на шаблоне главной страницы в файловой системе (который НЕ рекомендуется изменять).

Answer 2

Проверка бутстрапа не зависит от формы тега. Он в основном добавляет класс .has-error к родительскому элементу. Используйте инспектор (F12 в Chrome), чтобы проверить вашу разметку, а также мужской класс. К родительскому элементу добавлен класс .has-error.

Bootstrap включает в себя стили проверки для ошибок, предупреждений и успехов указывает на элементы управления формой. Чтобы использовать, добавьте .has-warning, .has-error или .has-success к родительскому элементу. Любой .control-label, .form-control, и .help-block внутри этого элемента получат стили проверки .

Подробнее >>here.

Here рабочий пример.