Validity
object
for(var v in thisNode.validity) {
for(var v in thisNode.validity) {
if (thisNode.
if (thisNode.validity
validity[v] === true) {
[v] === true) {
var errorMessage;
var errorMessage;
switch(v){
switch(v){
case 'valueMissing' :
case 'valueMissing' :
errorMessage = 'FooBar';
errorMessage = 'FooBar';
break;
break;
}
}
}
}
Slide 49
Slide 49 text
SET THE
ERROR MESSAGE
thisNode.
thisNode.
setCustomValidity
setCustomValidity
(errorMessage);
(errorMessage);
Slide 50
Slide 50 text
GET THE
ERROR MESSAGE
document.
document.
getElementById('x').
getElementById('x').
validationMessage;
validationMessage;
Slide 51
Slide 51 text
alert('The error message is: '
alert('The error message is: '
+ thisNode.
+ thisNode.validationMessage
validationMessage);
);
Slide 52
Slide 52 text
BONUS SLIDE!
Javascript library
Javascript library
to polyfill HTML5
to polyfill HTML5
form support:
form support:
http://thecssninja.c
http://thecssninja.c
om/javascript/H5F
om/javascript/H5F