Элемент ввода не определен в Firefox, но находится в Chrome / IE

Question

У меня есть форма, которую я пытаюсь получить от пользователя при нажатии кнопки.Я использую функцию JavaScript для передачи значений в мой сценарий.Это прекрасно работает в Chrome и IE9, но по какой-то причине Firefox видит элементы ввода как неопределенные.Вот HTML-код:

<div id="leftDiv">
<br>
<dl class="loginForm">
    <dt><label for="usernameField">Username:</label></dt>
    <dd><input type="text" id="usernameField" name="usernameField" value=""/></dd>
    <dt><label for="passwordField">Password:</label></dt>
    <dd><input type="password" id="passwordField" name="passwordField" value="" /></dd>
    <dt><label for="remember">Save info:</label></dt>
    <dd><input type="checkbox" id="remember" name="remember"/></dd>
    <dt><button type="button" onclick="javascript:tryLogin(usernameField.value, passwordField.value, remember.checked)"> Login</button> </dt><dd></dl>
</div>

Я провел сайт через онлайн-проверку W3c, и он прошел, поэтому я не думаю, что это проблема.

Answer 1

Вы должны убедиться, что все входы заключены в элемент <form>, чтобы использовать следующий код javascript:tryLogin(usernameField.value, passwordField.value, remember.checked)

ИЛИ

Вы можете ссылаться, используя document.getElementById(), например:

 javascript:tryLogin(document.getElementById('usernameField').value, document.getElementById('passwordField').value, document.getElementById('remember').checked)`