Antigamente eu chamava um formulário especifico por ID de criação no corpo do documento:
document.forms[0]
Só depois fui entender pra que serve o atributo NAME
nestes casos, mas fiquei na dúvida, por exemplo, tenho mais de um formulário na página, podendo ser um login ou cadastro e outro pesquisa, assim atribuo o nome correspondente pra cada um, sendo que quero usar o formulário de login pra validar por Javascript:
<form name="login">
<input type="text" value="" name="user" required />
<input type="password" value="" name="user" required />
<input type="button" onclick="validateLogin()" />
</form>
Só que eu nem sei qual a maneira correta de fazer isso, ambas funcionam no Firefox, Chrome e Opera:
1°:
document.forms['login']
2°:
document.forms.login
Então eu costumo fazer assim:
var form = document.forms['login'] || document.forms.login
E eu nem sei se isso funciona mesmo, mas faço por precaução pro caso de algum navegador não funcionar.
Então, qual seria a melhor ou maneira mais correta, pra funcionar em qualquer navegador de qualquer plataforma?