Определение поля `required` в Bootstrap

Как определить текстовое поле по мере необходимости (с красной рамкой) в Twitter Bootstrap 3?

required="required" не работает...

<form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

Ответы

Ответ 1

Попробуйте использовать required="true" в bootstrap 3

Ответ 2

В Bootstrap 3 вы можете применить класс "validation state" к родительскому элементу: http://getbootstrap.com/css/#forms-control-validation

Например, has-error покажет красную рамку вокруг ввода. Однако это не повлияет на фактическую проверку поля. Вам нужно будет добавить дополнительную клиентскую (javascript) или логику сервера, чтобы сделать нужное поле.

Демо: http://bootply.com/90564

Ответ 3

Проверьте собственную проверку формы HTML5:

http://www.the-art-of-web.com/html/html5-form-validation/

Ответ 4

Проверка формы может быть включена в разметке через data-api или через JavaScript. Автоматически включить проверку формы, добавив data-toggle="validator" в ваш элемент формы.

<form role="form" data-toggle="validator">
   ...
</form>

Или активировать проверку с помощью JavaScript:

$('#myForm').validator()

и вам нужно использовать флаг required в поле ввода

Подробнее Нажмите здесь

Ответ 5

Если вы не работаете, если у вас есть что-то вроде: novalidate = "novalidate", прикрепленное к вашей форме.

Ответ 6

Чтобы сделать нужное поле, используйте required или required="true"

Я думаю, что required="required" устарел в версии 3 бутстрапа.