ANTICHAT - Оптимизация кода

Почему именно голый JS?

Нет смысла писать код, который будет всё время в одну строчку. Лол. Ты всегда можешь заюзать minifier.

Раз уж голый JS, то тогда вешай события на элементы (

Код:

), будет легче работать с элементом в функции.

Через массив/объекты это будет решить легче. На это не нужно много производительности (в пределах разумного, конечно).

Вот код, который частично тестил (до создания элементов не дошло, мне стало лень):

JavaScript:

Код:

var

buttongo

=

document

.

getElementById

(

'buttongo'

)

;

if

(

!

buttongo

)

{

throw

'Can not to find #buttongo'

;

}

var

validateValue

=

function

(

validateEl

)

{

return

validateEl

.

docElement

.

value

!==

null

&&

validateEl

.

docElement

.

value

!=

''

;

}

var

validateElements

=

{

nname

:

{

docElement

:

document

.

getElementById

(

'nname'

)

,

isValid

:

false

}

,

surname

:

{

docElement

:

document

.

getElementById

(

'surname'

)

,

isValid

:

false

}

,

number

:

{

docElement

:

document

.

getElementById

(

'number'

)

,

isValid

:

false

}

,

email

:

{

docElement

:

document

.

getElementById

(

'email'

)

,

isValid

:

false

}

,

checkrules

:

{

docElement

:

document

.

getElementById

(

'checkrules'

)

,

isValid

:

false

,

validateFn

:

function

(

)

{

return

this

.

docElement

.

checked

;

}

}

}

;

var

checkButton

=

function

(

issuer

)

/* FIXME: issuer isn't used */

{

var

validCounter

=

0

,

totalElements

=

0

;

// if we're using clear js

for

(

var

validateEl

in

validateElements

)

{

var

self

=

validateElements

[

validateEl

]

;

if

(

!

self

.

docElement

)

{

throw

'Unknown #'

+

validateEl

+

' element'

;

}

if

(

self

.

validateFn

!==

undefined

)

{

/*console.log(self);*/

self

.

isValid

=

self

.

validateFn

(

)

;

}

else

{

self

.

isValid

=

validateValue

(

self

)

;

}

if

(

self

.

isValid

)

validCounter

++

;

totalElements

++

;

}

if

(

validCounter

==

totalElements

)

{

buttongo

.

classList

.

add

(

'disabled'

)

;

}

else

{

buttongo

.

classList

.

remove

(

'disabled'

)

;

}

}

/** Ссылаясь на то, что на элементы уже повешены события в HTML **/

/*checkrules.onclick = checkButton;

nname.onchange = checkButton;

surname.onchange = checkButton;

number.onchange = checkButton;

email.onchange = checkButton;*/