Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
typo3
qfq
Commits
2cb7ed77
Commit
2cb7ed77
authored
Nov 28, 2019
by
bbaer
Browse files
changed source of validator for multi checkbox
parent
d72bac80
Pipeline
#2797
passed with stages
in 2 minutes and 44 seconds
Changes
2
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Gruntfile.js
View file @
2cb7ed77
...
@@ -83,28 +83,6 @@ module.exports = function (grunt) {
...
@@ -83,28 +83,6 @@ module.exports = function (grunt) {
}
}
]
]
},
},
bootstrap_validator
:
{
files
:
[
{
cwd
:
'
node_modules/bootstrap-validator/dist/
'
,
src
:
[
'
validator.min.js
'
],
dest
:
'
js/
'
,
expand
:
true
,
flatten
:
true
},
{
cwd
:
'
node_modules/bootstrap-validator/dist/
'
,
src
:
[
'
validator.min.js
'
],
dest
:
typo3_js
,
expand
:
true
,
flatten
:
true
}
]
},
jquery
:
{
jquery
:
{
files
:
[
files
:
[
{
{
...
@@ -485,6 +463,10 @@ module.exports = function (grunt) {
...
@@ -485,6 +463,10 @@ module.exports = function (grunt) {
qfqFabric
:
{
qfqFabric
:
{
src
:
[
'
javascript/src/Plugins/qfq.fabric.js
'
],
src
:
[
'
javascript/src/Plugins/qfq.fabric.js
'
],
dest
:
typo3_js
+
'
qfq.fabric.min.js
'
dest
:
typo3_js
+
'
qfq.fabric.min.js
'
},
qfqValidator
:
{
src
:
[
'
javascript/src/Plugins/validator.js
'
],
dest
:
typo3_js
+
'
validator.min.js
'
}
}
},
},
jshint
:
{
jshint
:
{
...
...
javascript/src/Plugins/validator.js
0 → 100644
View file @
2cb7ed77
/* ========================================================================
* Bootstrap (plugin): validator.js v0.11.9
* ========================================================================
* The MIT License (MIT)
*
* Copyright (c) 2016 Cina Saffary.
* Made by @1000hz in the style of Bootstrap 3 era @fat
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
* ======================================================================== */
+
function
(
$
)
{
'
use strict
'
;
// VALIDATOR CLASS DEFINITION
// ==========================
function
getValue
(
$el
)
{
return
$el
.
is
(
'
[type="checkbox"]
'
)
?
!!
$
(
'
[name="
'
+
$el
.
attr
(
'
name
'
)
+
'
"]:checked
'
).
length
:
$el
.
is
(
'
[type="radio"]
'
)
?
!!
$
(
'
[name="
'
+
$el
.
attr
(
'
name
'
)
+
'
"]:checked
'
).
length
:
$el
.
is
(
'
select[multiple]
'
)
?
(
$el
.
val
()
||
[]).
length
:
$el
.
val
()
}
var
Validator
=
function
(
element
,
options
)
{
this
.
options
=
options
this
.
validators
=
$
.
extend
({},
Validator
.
VALIDATORS
,
options
.
custom
)
this
.
$element
=
$
(
element
)
this
.
$btn
=
$
(
'
button[type="submit"], input[type="submit"]
'
)
.
filter
(
'
[form="
'
+
this
.
$element
.
attr
(
'
id
'
)
+
'
"]
'
)
.
add
(
this
.
$element
.
find
(
'
input[type="submit"], button[type="submit"]
'
))
this
.
update
()
this
.
$element
.
on
(
'
input.bs.validator change.bs.validator focusout.bs.validator
'
,
$
.
proxy
(
this
.
onInput
,
this
))
this
.
$element
.
on
(
'
submit.bs.validator
'
,
$
.
proxy
(
this
.
onSubmit
,
this
))
this
.
$element
.
on
(
'
reset.bs.validator
'
,
$
.
proxy
(
this
.
reset
,
this
))
this
.
$element
.
find
(
'
[data-match]
'
).
each
(
function
()
{
var
$this
=
$
(
this
)
var
target
=
$this
.
attr
(
'
data-match
'
)
$
(
target
).
on
(
'
input.bs.validator
'
,
function
(
e
)
{
getValue
(
$this
)
&&
$this
.
trigger
(
'
input.bs.validator
'
)
})
})
// run validators for fields with values, but don't clobber server-side errors
this
.
$inputs
.
filter
(
function
()
{
return
getValue
(
$
(
this
))
&&
!
$
(
this
).
closest
(
'
.has-error
'
).
length
}).
trigger
(
'
focusout
'
)
this
.
$element
.
attr
(
'
novalidate
'
,
true
)
// disable automatic native validation
}
Validator
.
VERSION
=
'
0.11.9
'
Validator
.
INPUT_SELECTOR
=
'
:input:not([type="hidden"], [type="submit"], [type="reset"], button)
'
Validator
.
FOCUS_OFFSET
=
20
Validator
.
DEFAULTS
=
{
delay
:
500
,
html
:
false
,
disable
:
true
,
focus
:
true
,
custom
:
{},
errors
:
{
match
:
'
Does not match
'
,
minlength
:
'
Not long enough
'
},
feedback
:
{
success
:
'
glyphicon-ok
'
,
error
:
'
glyphicon-remove
'
}
}
Validator
.
VALIDATORS
=
{
'
native
'
:
function
(
$el
)
{
var
el
=
$el
[
0
]
if
(
el
.
checkValidity
)
{
return
!
el
.
checkValidity
()
&&
!
el
.
validity
.
valid
&&
(
el
.
validationMessage
||
"
error!
"
)
}
},
'
match
'
:
function
(
$el
)
{
var
target
=
$el
.
attr
(
'
data-match
'
)
return
$el
.
val
()
!==
$
(
target
).
val
()
&&
Validator
.
DEFAULTS
.
errors
.
match
},
'
minlength
'
:
function
(
$el
)
{
var
minlength
=
$el
.
attr
(
'
data-minlength
'
)
return
$el
.
val
().
length
<
minlength
&&
Validator
.
DEFAULTS
.
errors
.
minlength
}
}
Validator
.
prototype
.
update
=
function
()
{
var
self
=
this
this
.
$inputs
=
this
.
$element
.
find
(
Validator
.
INPUT_SELECTOR
)
.
add
(
this
.
$element
.
find
(
'
[data-validate="true"]
'
))
.
not
(
this
.
$element
.
find
(
'
[data-validate="false"]
'
)
.
each
(
function
()
{
self
.
clearErrors
(
$
(
this
))
})
)
this
.
toggleSubmit
()
return
this
}
Validator
.
prototype
.
onInput
=
function
(
e
)
{
var
self
=
this
var
$el
=
$
(
e
.
target
)
var
deferErrors
=
e
.
type
!==
'
focusout
'
if
(
!
this
.
$inputs
.
is
(
$el
))
return
this
.
validateInput
(
$el
,
deferErrors
).
done
(
function
()
{
self
.
toggleSubmit
()
})
}
Validator
.
prototype
.
validateInput
=
function
(
$el
,
deferErrors
)
{
var
value
=
getValue
(
$el
)
var
prevErrors
=
$el
.
data
(
'
bs.validator.errors
'
)
if
(
$el
.
is
(
'
[type="radio"]
'
))
$el
=
this
.
$element
.
find
(
'
input[name="
'
+
$el
.
attr
(
'
name
'
)
+
'
"]
'
)
var
e
=
$
.
Event
(
'
validate.bs.validator
'
,
{
relatedTarget
:
$el
[
0
]})
this
.
$element
.
trigger
(
e
)
if
(
e
.
isDefaultPrevented
())
return
var
self
=
this
return
this
.
runValidators
(
$el
).
done
(
function
(
errors
)
{
$el
.
data
(
'
bs.validator.errors
'
,
errors
)
errors
.
length
?
deferErrors
?
self
.
defer
(
$el
,
self
.
showErrors
)
:
self
.
showErrors
(
$el
)
:
self
.
clearErrors
(
$el
)
if
(
!
prevErrors
||
errors
.
toString
()
!==
prevErrors
.
toString
())
{
e
=
errors
.
length
?
$
.
Event
(
'
invalid.bs.validator
'
,
{
relatedTarget
:
$el
[
0
],
detail
:
errors
})
:
$
.
Event
(
'
valid.bs.validator
'
,
{
relatedTarget
:
$el
[
0
],
detail
:
prevErrors
})
self
.
$element
.
trigger
(
e
)
}
self
.
toggleSubmit
()
self
.
$element
.
trigger
(
$
.
Event
(
'
validated.bs.validator
'
,
{
relatedTarget
:
$el
[
0
]}))
})
}
Validator
.
prototype
.
runValidators
=
function
(
$el
)
{
var
errors
=
[]
var
deferred
=
$
.
Deferred
()
$el
.
data
(
'
bs.validator.deferred
'
)
&&
$el
.
data
(
'
bs.validator.deferred
'
).
reject
()
$el
.
data
(
'
bs.validator.deferred
'
,
deferred
)
function
getValidatorSpecificError
(
key
)
{
return
$el
.
attr
(
'
data-
'
+
key
+
'
-error
'
)
}
function
getValidityStateError
()
{
var
validity
=
$el
[
0
].
validity
return
validity
.
typeMismatch
?
$el
.
attr
(
'
data-type-error
'
)
:
validity
.
patternMismatch
?
$el
.
attr
(
'
data-pattern-error
'
)
:
validity
.
stepMismatch
?
$el
.
attr
(
'
data-step-error
'
)
:
validity
.
rangeOverflow
?
$el
.
attr
(
'
data-max-error
'
)
:
validity
.
rangeUnderflow
?
$el
.
attr
(
'
data-min-error
'
)
:
validity
.
valueMissing
?
$el
.
attr
(
'
data-required-error
'
)
:
null
}
function
getGenericError
()
{
return
$el
.
attr
(
'
data-error
'
)
}
function
getErrorMessage
(
key
)
{
return
getValidatorSpecificError
(
key
)
||
getValidityStateError
()
||
getGenericError
()
}
$
.
each
(
this
.
validators
,
$
.
proxy
(
function
(
key
,
validator
)
{
var
error
=
null
if
((
getValue
(
$el
)
||
$el
.
attr
(
'
required
'
))
&&
(
$el
.
attr
(
'
data-
'
+
key
)
!==
undefined
||
key
==
'
native
'
)
&&
(
error
=
validator
.
call
(
this
,
$el
)))
{
if
(
$el
.
is
(
'
[type="checkbox"]
'
))
{
if
(
!!
$
(
'
[name="
'
+
$el
.
attr
(
'
name
'
)
+
'
"]:checked
'
).
length
)
{
return
true
}
}
error
=
getErrorMessage
(
key
)
||
error
!~
errors
.
indexOf
(
error
)
&&
errors
.
push
(
error
)
}
},
this
))
if
(
!
errors
.
length
&&
getValue
(
$el
)
&&
$el
.
attr
(
'
data-remote
'
))
{
this
.
defer
(
$el
,
function
()
{
var
data
=
{}
data
[
$el
.
attr
(
'
name
'
)]
=
getValue
(
$el
)
$
.
get
(
$el
.
attr
(
'
data-remote
'
),
data
)
.
fail
(
function
(
jqXHR
,
textStatus
,
error
)
{
errors
.
push
(
getErrorMessage
(
'
remote
'
)
||
error
)
})
.
always
(
function
()
{
deferred
.
resolve
(
errors
)})
})
}
else
deferred
.
resolve
(
errors
)
return
deferred
.
promise
()
}
Validator
.
prototype
.
validate
=
function
()
{
var
self
=
this
$
.
when
(
this
.
$inputs
.
map
(
function
(
el
)
{
return
self
.
validateInput
(
$
(
this
),
false
)
})).
then
(
function
()
{
self
.
toggleSubmit
()
self
.
focusError
()
})
return
this
}
Validator
.
prototype
.
focusError
=
function
()
{
if
(
!
this
.
options
.
focus
)
return
var
$input
=
this
.
$element
.
find
(
"
.has-error :input:first
"
)
if
(
$input
.
length
===
0
)
return
$
(
'
html, body
'
).
animate
({
scrollTop
:
$input
.
offset
().
top
-
Validator
.
FOCUS_OFFSET
},
250
)
$input
.
focus
()
}
Validator
.
prototype
.
showErrors
=
function
(
$el
)
{
var
method
=
this
.
options
.
html
?
'
html
'
:
'
text
'
var
errors
=
$el
.
data
(
'
bs.validator.errors
'
)
var
$group
=
$el
.
closest
(
'
.form-group
'
)
var
$block
=
$group
.
find
(
'
.help-block.with-errors
'
)
var
$feedback
=
$group
.
find
(
'
.form-control-feedback
'
)
if
(
!
errors
.
length
)
return
errors
=
$
(
'
<ul/>
'
)
.
addClass
(
'
list-unstyled
'
)
.
append
(
$
.
map
(
errors
,
function
(
error
)
{
return
$
(
'
<li/>
'
)[
method
](
error
)
}))
$block
.
data
(
'
bs.validator.originalContent
'
)
===
undefined
&&
$block
.
data
(
'
bs.validator.originalContent
'
,
$block
.
html
())
$block
.
empty
().
append
(
errors
)
$group
.
addClass
(
'
has-error has-danger
'
)
$group
.
hasClass
(
'
has-feedback
'
)
&&
$feedback
.
removeClass
(
this
.
options
.
feedback
.
success
)
&&
$feedback
.
addClass
(
this
.
options
.
feedback
.
error
)
&&
$group
.
removeClass
(
'
has-success
'
)
}
Validator
.
prototype
.
clearErrors
=
function
(
$el
)
{
var
$group
=
$el
.
closest
(
'
.form-group
'
)
var
$block
=
$group
.
find
(
'
.help-block.with-errors
'
)
var
$feedback
=
$group
.
find
(
'
.form-control-feedback
'
)
$block
.
html
(
$block
.
data
(
'
bs.validator.originalContent
'
))
$group
.
removeClass
(
'
has-error has-danger has-success
'
)
$group
.
hasClass
(
'
has-feedback
'
)
&&
$feedback
.
removeClass
(
this
.
options
.
feedback
.
error
)
&&
$feedback
.
removeClass
(
this
.
options
.
feedback
.
success
)
&&
getValue
(
$el
)
&&
$feedback
.
addClass
(
this
.
options
.
feedback
.
success
)
&&
$group
.
addClass
(
'
has-success
'
)
}
Validator
.
prototype
.
hasErrors
=
function
()
{
function
fieldErrors
()
{
return
!!
(
$
(
this
).
data
(
'
bs.validator.errors
'
)
||
[]).
length
}
return
!!
this
.
$inputs
.
filter
(
fieldErrors
).
length
}
Validator
.
prototype
.
isIncomplete
=
function
()
{
function
fieldIncomplete
()
{
var
value
=
getValue
(
$
(
this
))
return
!
(
typeof
value
==
"
string
"
?
$
.
trim
(
value
)
:
value
)
}
return
!!
this
.
$inputs
.
filter
(
'
[required]
'
).
filter
(
fieldIncomplete
).
length
}
Validator
.
prototype
.
onSubmit
=
function
(
e
)
{
this
.
validate
()
if
(
this
.
isIncomplete
()
||
this
.
hasErrors
())
e
.
preventDefault
()
}
Validator
.
prototype
.
toggleSubmit
=
function
()
{
if
(
!
this
.
options
.
disable
)
return
this
.
$btn
.
toggleClass
(
'
disabled
'
,
this
.
isIncomplete
()
||
this
.
hasErrors
())
}
Validator
.
prototype
.
defer
=
function
(
$el
,
callback
)
{
callback
=
$
.
proxy
(
callback
,
this
,
$el
)
if
(
!
this
.
options
.
delay
)
return
callback
()
window
.
clearTimeout
(
$el
.
data
(
'
bs.validator.timeout
'
))
$el
.
data
(
'
bs.validator.timeout
'
,
window
.
setTimeout
(
callback
,
this
.
options
.
delay
))
}
Validator
.
prototype
.
reset
=
function
()
{
this
.
$element
.
find
(
'
.form-control-feedback
'
)
.
removeClass
(
this
.
options
.
feedback
.
error
)
.
removeClass
(
this
.
options
.
feedback
.
success
)
this
.
$inputs
.
removeData
([
'
bs.validator.errors
'
,
'
bs.validator.deferred
'
])
.
each
(
function
()
{
var
$this
=
$
(
this
)
var
timeout
=
$this
.
data
(
'
bs.validator.timeout
'
)
window
.
clearTimeout
(
timeout
)
&&
$this
.
removeData
(
'
bs.validator.timeout
'
)
})
this
.
$element
.
find
(
'
.help-block.with-errors
'
)
.
each
(
function
()
{
var
$this
=
$
(
this
)
var
originalContent
=
$this
.
data
(
'
bs.validator.originalContent
'
)
$this
.
removeData
(
'
bs.validator.originalContent
'
)
.
html
(
originalContent
)
})
this
.
$btn
.
removeClass
(
'
disabled
'
)
this
.
$element
.
find
(
'
.has-error, .has-danger, .has-success
'
).
removeClass
(
'
has-error has-danger has-success
'
)
return
this
}
Validator
.
prototype
.
destroy
=
function
()
{
this
.
reset
()
this
.
$element
.
removeAttr
(
'
novalidate
'
)
.
removeData
(
'
bs.validator
'
)
.
off
(
'
.bs.validator
'
)
this
.
$inputs
.
off
(
'
.bs.validator
'
)
this
.
options
=
null
this
.
validators
=
null
this
.
$element
=
null
this
.
$btn
=
null
this
.
$inputs
=
null
return
this
}
// VALIDATOR PLUGIN DEFINITION
// ===========================
function
Plugin
(
option
)
{
return
this
.
each
(
function
()
{
var
$this
=
$
(
this
)
var
options
=
$
.
extend
({},
Validator
.
DEFAULTS
,
$this
.
data
(),
typeof
option
==
'
object
'
&&
option
)
var
data
=
$this
.
data
(
'
bs.validator
'
)
if
(
!
data
&&
option
==
'
destroy
'
)
return
if
(
!
data
)
$this
.
data
(
'
bs.validator
'
,
(
data
=
new
Validator
(
this
,
options
)))
if
(
typeof
option
==
'
string
'
)
data
[
option
]()
})
}
var
old
=
$
.
fn
.
validator
$
.
fn
.
validator
=
Plugin
$
.
fn
.
validator
.
Constructor
=
Validator
// VALIDATOR NO CONFLICT
// =====================
$
.
fn
.
validator
.
noConflict
=
function
()
{
$
.
fn
.
validator
=
old
return
this
}
// VALIDATOR DATA-API
// ==================
$
(
window
).
on
(
'
load
'
,
function
()
{
$
(
'
form[data-toggle="validator"]
'
).
each
(
function
()
{
var
$form
=
$
(
this
)
Plugin
.
call
(
$form
,
$form
.
data
())
})
})
}(
jQuery
);
\ No newline at end of file
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment