нажатие на div не отправляет форму в Chrome на localhost

Question

Я думаю, что нашел интересную проблему (по крайней мере, для меня). У меня есть форма, которая использует щелчок на div внутри формы для отправки. Я использовал «document.forms.form.submit()», чтобы сделать div, который можно отправить, как предлагается здесь this.form.submit() not working after clicking div element in form (спасибо David Hedlund!)

Однако форма отлично работала в chrome, ff. Но по какой-то неизвестной причине запуск формы в localhost на chrome сейчас не работает. ff работает нормально. То, что делает интересной проблему, - это когда я загрузил форму на веб-сервер, это работает в хром! Любая идея, почему это происходит на локальной машине? Я использую Xampp.

Вот form-

<form name="form" action="login_process.php" method="POST"> 
<div> 
    Username: <input style="width:100px;" name="login_client[]" type="text" /> 
    Password: <input style="width:100px;" name="login_client[]" type="password" /> 
</div> 

<div align="right" class="whitearial12" style="position:absolute; font-size:10px; width:360px; height:17px; right:110px; top:35px;"> 
    Forgotten your <a href="#">password</a>, or need to <a href="#">register</a>? 
</div> 
<!-- this is the div !--> 
<div onClick="document.forms.form.submit()" align="center" class="whitearial12" style="cursor: pointer; position:absolute; padding-top:3px; padding-bottom:-3px; width:80px; height:17px; right:20px; top:10px; background-image: url(Images/button_blank.png); background-repeat:no-repeat"> 
    Log In 
</div> 
</form> 

Update: Позвольте мне добавить, что я заметил дальше. Эта форма включена в файл index.php из другого php-файла с именем header.php. Я попытался запустить только header.php. Форма работает в этом случае в хроме. Но включение этого в index.php не работает.

Answer 1

Я хотел бы предложить включить JQuery и переделки, чтобы походить на это

<form id="MyForm" action="login_process.php" method="post"> 
    <span onclick="javascript:$('#MyForm').submit();">Magical ponies await</span> 
</form> 

Использование JQuery может помочь с кросс-браузер выдает много, но если вы не можете сделать это, как насчет

<form id="XX" action="login_process.php" method="post"> 
    <span onclick="javascript:document.getElementById('XX').submit();">AVAST</span> 
</form>