投稿日：2015年05月20日

布内です。

phpでコーディング中に見事にはまってしまった問題です。

submitするボタンを画像にするためにinput type="image"を使用し、submitする前にjavascriptを使ってフォームの内容をチェックする処理を組み込もうと

<input type="image" onClick="return test()">

という感じのコーディングをしたんですが、javascriptが呼び出されずそのままsubmitされてしまいました。

javascriptを間違えているかと思いましたが、中身をwindow.alert("テスト")だけでも同じ結果でした。

type="submitの時はできたんですが・・・

どうやらできないようなので、<img>要素にonClickでjavascriptを呼び出し、呼び出したjavascript内でsubmitする方法に変更。

javascript内で

document.form名.submit()

でform名で指定したformをsubmitする事ができます。

type="submitだとonClickが使えるので、type="submitの背景を画像に変えるという方法でも画像ボタンとして同じ処理ができます。