<form name = "myForm" onsubmit="foo()">
<p class = "form-text">Name</p>
<input type = "text" name="name" />
<input type = "submit" />
</form>
//javascript (external file)
function foo(){
alert(document.forms["myForm"].name.value)
}
このコードに問題はありますか?私がsubmitを押すと、それは白いページに行き、何も起こらない。javascriptフォームへのアクセス
望ましい結果:問題は、フォームの提出を妨げないということです
<form name = "myForm" onsubmit="foo();return false;">
<p class = "form-text">Name</p>
<input type = "text" name="name" />
<input type = "submit" />
</form>
//javascript
function foo(){
alert(document.forms["myForm"].name.value)
}
2番目の例では、すべてのコードをdocument.readyボディなどに挿入する必要があります。 – TGM
@TGM、domの特定のセクションがロードされる前にスクリプトが実行されている場合のみ。本文の末尾にスクリプト参照を追加すると、 'document.onreadystatechange'を待つ必要はありません – zzzzBov