grainsoft/david
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
grainsoft
2026-06-04 18:50:28 +03:00
parent 045e8d963d
commit 6fc6a16829
3 changed files with 18 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/css/root.css
+3 -3
View File
@@ -531,12 +531,12 @@ input::-webkit-calendar-picker-indicator {
} }
.form-field.form-field-error .input-wrapper { .form-field.form-field-error .input-wrapper {
border-bottom-color: red; border-color: #d30000;
} }
.form-field.form-field-error textarea { .form-field.form-field-error textarea {
border-bottom-color: red; border-color: #d30000;
} }
.form-field.field-info { .form-field.field-info {
display: flex; display: flex;
src/validator/FormValidator.js
+10 -3
View File
@@ -42,7 +42,7 @@ export class FormValidator extends Validator {
// Input Focus - Handler // Input Focus - Handler
this.target.dxOn('click.form', 'input, select, textarea', (_, t) => { this.target.dxOn('click.form input.form', 'input, select, textarea', (_, t) => {
if (this.opts.display_err) { if (this.opts.display_err) {
@@ -126,7 +126,7 @@ export class FormValidator extends Validator {
let el = this.target.elements[ name ]; let el = this.target.elements[ name ];
el = Array.from(el instanceof Element ? [el] : el); el = Array.from(el instanceof Element ? [el] : el);
for (let input of el) { for (let input of el) {
let val = (input.type && input.type == 'checkbox') let val = (input.type && input.type == 'checkbox')
@@ -208,7 +208,14 @@ export class FormValidator extends Validator {
fieldWrapper.classList.add('form-field-error'); fieldWrapper.classList.add('form-field-error');
fieldWrapper.append( El('div', { className: 'sp-label-error' }, emsg ) ); const inputWrapper = fieldWrapper.dxFind('.input-wrapper');
if (inputWrapper) {
inputWrapper.after( El('div', { className: 'sp-label-error' }, emsg ) );
}
else {
fieldWrapper.append( El('div', { className: 'sp-label-error' }, emsg ) );
}
} }
return false; return false;
src/validator/validator.css
+5 -21
View File
@@ -1,31 +1,15 @@
/* Validator */ /* Validator */
.sp-has-error{ .sp-has-error{
color: red; color: #d30000;
} }
.sp-label-error { .sp-label-error {
position: absolute; position: absolute;
background: #fb434a; color: #d30000;
font-size: 12px; font-size: 12px;
padding: 5px 8px;
border-radius: 3px;
color: #fff;
z-index: 1; z-index: 1;
white-space: nowrap; white-space: nowrap;
bottom: -30px; margin-left: 4px;
} margin-top: 4px;
.sp-label-error:after {
content: '';
display: block;
position: absolute;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fb434a;
top: -5px;
left: 10px;
margin: auto;
} }