0

私は（少なくとも私にとっては）興味深い問題を見つけたと思います。フォーム内のdivをクリックして送信するフォームがあります。ここで提案されているように、「document.forms.form.submit（）」を使用してdivをクリックして送信できるようにしました。フォームのdiv要素をクリックした後、this.form.submit（）が機能しません（David Hedlundに感謝します）。

ただし、フォームはクロムで正常に機能していました。しかし、いくつかの不明な理由により、Chromeのローカルホストでフォームを実行することは現在機能していません。ffは正常に動作しています。問題を面白くしているのは、フォームをWebサーバーにアップロードすると、Chromeで機能することです。これがローカルマシンで発生している理由はありますか？Xamppを使用しています。

これがフォームです-

<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>

更新：私が気づいたことをさらに追加しましょう。このフォームは、header.phpという名前の別のphpファイルのindex.phpファイルに含まれています。私はheader.phpだけを実行してみました。その場合、フォームはクロムで問題なく機能します。しかし、それをindex.phpに含めることは機能しません。

4

1 に答える 1

0

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>
于 2012-08-15T14:41:59.517 に答える