<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
콘솔 오류가 있습니까? – madalinivascu
아니요, 유효성 검사기가 빈 필드를 채우라는 메시지를 주지만 정보를 저장한다고 가정합니다. – Gutierrez
콘솔 맨에서 오류가 있습니까? – madalinivascu