Не удается получить доступ к элементу формы в IE, потому что он «не определен».Работает нормально в FF и Chrome

Question

Это странно, потому что в IE я получаю только 1 ошибку: 'sTime is undefined'.sTime - это идентификатор одного из множества элементов ввода в моей форме.Все отлично работает в Chrome и FF.Вот ссылка на код:

http://la.truxmap.com/sched.html

и html формы:

<form id="addNewTruck" class='updateschedule' action="javascript:sub(sTime.value, eTime.value, lat.value, lng.value, street.value);"> 

    <b style="color:green;">Opening at: </b> 
        <input id="sTime" name="sTime" title="Opening time" value="Click to set opening time" class="datetimepicker"/> 

    <b style="color:red;">Closing at: </b> 
        <input id="eTime" name= "eTime" title="Closing time" value="Click to set closing time" class="datetimepicker"/> 

    <b style="color:blue;">Address: </b> 
        <input type='text' name='street' id='street' class='text street' autocomplete='off'/> 
        <input id='submit' class='submit' style="cursor: pointer; cursor: hand;" type="submit" value='Add new stop'/> 
    <div id='suggests' class='auto_complete' style='display:none'></div> 
        <input type='hidden' name='lat' id='lat'/> 
        <input type='hidden' name='lng' id='lng'/> 
        <input type='hidden' value='CA' name='state' id='state' class='text state' /> 

Спасибо за помощь!

Answer 1

• Попробуйте включить JavaScript в событие onsubmit вместо action

• Обращайтесь к элементам формы менее неоднозначно в JS, например используя this.elements.sTime. Возможно, имя элемента используется в другом месте документа.

Answer 2

Javascript в действии формы должен работать хорошо. Возможно, вам следует вместо sTime.value использовать следующее:

document.forms[0].sTime.value

Конечно, это означает, что эта форма является первой на вашей странице (иначе вы должны изменить ...forms[0]... на ...forms['formname']... или ...forms[<form index>]...)