2016-10-06 5 views
0

я даю попробовать загрузчик валидатора для проверки данных двух входов: текстовую области и DatePicker, так вот мой код страницы:Bootstrap Validator Входной Выпуск

<form name="Form"> 
    <label><input type="radio" value="1" id="Rtipo-1-1" required>Peticion</label> 
    <label><input type="radio" value="4" id="Rtipo-1-2" required>Reclamo</label> 
    <select class="form-control" id="Lista"> 
     <option value="0" >Opcion 1</option> 
    </select> 
    <select class="form-control" id="Lugar"> 
     <option value="0">Opcion 2</option> 
    </select> 
    <textarea placeholder="Descripcion del motivo" class="form-control" name="text"></textarea> 
    <div class="input-group date" data-provide="datepicker" data-date-format="yyyy/mm/dd" data-date-end-date="0d"> 
     <input type="text" class="form-control"> 
     <div class="form-group"> 
      <div class="col-md-9 col-md-offset-3"> 
      <div id="messages"></div> 
     </div> 
    </div> 
</form> 
<button class="btn btn-primary" type="button" onClick="Fin()">Guardar</button> 

Тогда у меня есть мой JavaScript файл, чтобы Проверка на вход

$(document).ready(function() { 
    $('#Form').bootstrapValidator({ 
     container: '#messages', 
     feedbackIcons: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     fields: { 
      text: { 
       validators: { 
        notEmpty: { 
         message: 'The full name is required and cannot be empty' 
        } 
       } 
      } 
     } 
    }); 
}); 

я закончу свою практику, нажав на кнопку, она не проверяет, является ли текстовое поле пустым или нет.

Итак, я попробовал валидатор с текстовой областью (name = "text"), но он не работает, я не знаю почему.

У меня нет идей для проверки, потому что я пробовал раньше, когда свойство HTML5 «требуется», но оно не работает, и поэтому я читаю и пробовал с помощью валидатора загрузки.

Надеюсь, вы можете дать мне о моей ошибке или ошибках в моем коде, спасибо за ваше время и внимание.

PD: На моей странице были импортированы соответствующие инструменты (bootstrap js и css, jquery, bootstrap validator js и css), и я тестировал их на более мелкой странице, чтобы увидеть, как это работает, и все прошло хорошо, но это не так. В этом случае. мой гид пример был один

http://www.dotnetcurry.com/jquery/1168/validate-form-jquery-bootstrap-validator

+0

любые ошибки консоли? – madalinivascu

+0

Нет, предположим, что валидатор дал мне сообщение, чтобы заполнить пустое поле, но вместо этого он просто сохраняет информацию. – Gutierrez

+0

У ВАС ЕСТЬ ОШИБКИ В КОНСОЛЕ? – madalinivascu

ответ

1

Ваш отправить находится за пределами ваших <form> тегов, если <button type='button'> это ваш отправить.

Если это так, что fin() и почему это не <button type='submit'>

Валидатор также следует назвать слушателем или представить.

+0

Хмммм да, вы правы, я попробую это и расскажу позже, если сработает. Спасибо :) – Gutierrez

+0

Вы были правы, ваше решение является лучшим для моего случая, большое вам спасибо. – Gutierrez

+0

Без проблем, рад помочь :) – developernator

Смежные вопросы