2016-10-06 2 views
0
내가 두 개의 입력 데이터의 유효성을 검사하는 검사기를 부트 스트랩 시도주는거야

:부트 스트랩 유효성 검사기는 입력 문제

<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> 

그럼 난 내 자바 스크립트가 : 텍스트 영역과 날짜 선택기, 그래서 여기 내 페이지 코드 내가 버튼을 클릭하여 내 연습을 마무리 입력

$(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 : 각 도구 (부트 스트랩 js 및 css, jquery, 부트 스트랩 검사기 js 및 css)를 내 페이지로 가져오고 작은 페이지로 테스트하여 작동 방법을 확인했지만 좋았지 만 이 경우에. 나의 가이드 예는 <button type='button'>이 제출하는 경우, 밖에서 <form> 태그입니다 귀하의 제출이 하나

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

+0

콘솔 오류가 있습니까? – madalinivascu

+0

아니요, 유효성 검사기가 빈 필드를 채우라는 메시지를 주지만 정보를 저장한다고 가정합니다. – Gutierrez

+0

콘솔 맨에서 오류가 있습니까? – madalinivascu

답변

1

했다. 이 경우

, 무엇 fin()이며 왜 그것을하지 <button type='submit'>

유효성 검사기도 제출에 리스너를 호출하거나해야한다.

+0

흠, 당신 말이 맞아요. 나는 그걸 시험해보고 일하면 나중에 말해 줄거야. 고마워요 :) – Gutierrez

+0

당신 말이 맞아요, 당신의 솔루션이 내 사건에 최고입니다, 대단히 감사합니다. – Gutierrez

+0

아무런 문제없이 도와 드리겠습니다. :) – developernator