[Web] Highlight select boxes with missing required attrs

master
andryyy 2020-10-23 20:23:54 +02:00
parent 85b8b74a4c
commit 9d0d826337
No known key found for this signature in database
GPG Key ID: 8EC34FF2794E25EF
2 changed files with 22 additions and 0 deletions

View File

@ -187,3 +187,13 @@ nav .glyphicon {
border-bottom:1px solid #f5f5f5!important;
opacity: 0.3;
}
.btn-input-missing,
.btn-input-missing:hover,
.btn-input-missing:active,
.btn-input-missing:focus,
.btn-input-missing:active:hover,
.btn-input-missing:active:focus {
color: #000 !important;
background-color: #ff4136;
border-color: #ff291c;
}

View File

@ -107,8 +107,14 @@ $(document).ready(function() {
if ($(this).prop('required')) {
if (!$(this).val() && $(this).prop('disabled') === false) {
invalid = true;
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'add');
}
$(this).addClass('inputMissingAttr');
} else {
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'remove');
}
$(this).removeClass('inputMissingAttr');
}
}
@ -219,8 +225,14 @@ $(document).ready(function() {
if ($(this).prop('required')) {
if (!$(this).val() && $(this).prop('disabled') === false) {
invalid = true;
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'add');
}
$(this).addClass('inputMissingAttr');
} else {
if ($(this).is("select")) {
$(this).selectpicker('setStyle', 'btn-input-missing', 'remove');
}
$(this).removeClass('inputMissingAttr');
}
}