폼을 제출할 때 모든 필드가 채워지는지 확인하려면 부트 스트랩 검사기를 사용하고 있습니다. 하지만 내 유효 검사기가 예상대로 작동하지 않습니다! http://jsfiddle.net/3v3011e0/폼 유효성 검사가 부트 스트랩 유효성 검사기와 작동하지 않습니다.
당신이 그것으로 재생하고 비어있는 모든 필드와 양식을 제출하고에 비어 있지 그들 중 하나를 변경하는 경우는, 모든 필드가 녹색으로 : 여기
는 JSFiddle입니다. 이것은 일어나서는 안됩니다. 제대로 작동하는 필드는 초록색이어야합니다. 이 그림에서 알 수 있듯이 사용자 이름과 비밀번호는 비어 있지만 녹색으로 표시됩니다. 또한 아이콘에는 사용자 이름 만 표시됩니다. 이 문제를 어떻게 해결할 수 있습니까?는 HTML
<form action="#" method="POST" id="myForm">
<div class="form-group">
<input id="userField" type="text" name="username" placeholder="Enter user name" class="form-control" />
<input id="password" type="password" name="password" placeholder="Choose a password" class="form-control" />
<select id="myPicker" name="num" class="selectpicker form-control">
<option value="" selected="selected">Select number</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary">submit</button>
</div>
</form>
자바 스크립트
$(document).ready(function() {
$('#myForm').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
username: {
validators: {
notEmpty: {
message: 'The username is required and cannot be empty'
}
}
},
password: {
validators: {
notEmpty: {
message: 'The password is required and cannot be empty'
}
}
},
num: {
validators: {
notEmpty: {
message: 'Number is required and cannot be empty'
}
}
}
}
});
});