blob: 4cc76201a2ac9679b4bc99483f30342c95acfdac (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
/*!
* @source: ./formulario.js
*
* @licstart The following is the entire license notice for the
* JavaScript code in this page.
*
* Copyleft 2016 Jesus E. M.
*
* The JavaScript code in this page is free software: you can
* redistribute it and/or modify it under the terms of the GNU
* General Public License (GNU GPL) as published by the Free Software
* Foundation, either version 3 of the License, or (at your option)
* any later version. The code is distributed WITHOUT ANY WARRANTY;
* without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
*
* As additional permission under GNU GPL version 3 section 7, you
* may distribute non-source (e.g., minimized or compacted) forms of
* that code without the copy of the GNU GPL normally required by
* section 4, provided you include this license notice and a URL
* through which recipients can access the Corresponding Source.
*
* @licend The above is the entire license notice
* for the JavaScript code in this page.
*
*/
(function(){
var formulario = document.formulario_registro,
elementos = formulario.elements;
// Funciones de comprobación y enviar
var validarInputs = function() {
for(var i = 0; i < elementos.length; i++) {
if (elementos[i].type == "text" || elementos[i].type == "password") {
if (elementos[i].value == 0) {
console.log('El campo' + elementos[i].name + ' esta incompleto');
elementos[i].className = elementos[i].className + ' error';
return false;
} else {
elementos[i].className = elementos[i].className.replace(" error", "");
}
}
}
return true;
};
var enviar = function(e) {
if(!validarInputs()){
console.log("Falto validar los Input");
e.preventDefault();
} else {
console.log('Envia');
}
};
// Funciones Blur y Focus
var focusInput = function() {
this.parentElement.children[1].className = "label active";
this.parentElement.children[0].className = this.parentElement.children[0].className.replace("error", "");
};
var blurInput = function() {
if (this.value <= 0) {
this.parentElement.children[1].className = "label";
this.parentElement.children[0].className = this.parentElement.children[0].className + " error";
}
};
// Eventos
formulario.addEventListener("submit", enviar);
for (var i = 0; i< elementos.length; i++){
if (elementos[i].type == "text" || elementos[i].type == "password") {
elementos[i].addEventListener("focus", focusInput);
elementos[i].addEventListener("blur", blurInput);
}
}
}())
|
