0

私のために作成された複数ページのフォームがあります。フォームのすべてのページには、データをデータベースに保存する送信ボタン、前のページに移動する前のボタン、および次のボタンがあります。保存ボタン (id="save") が押されたときに画像を表示するにはどうすればよいですか? 現在、いずれかのボタンを押すと画像がポップアップします。私はjQueryの新人なので、どんな助けでも大歓迎です。ありがとう！

jQuery

<script>
jQuery(document).ready(function($) {
  $('form').submit(function (e) {
   var form = this;
   e.preventDefault();
   setTimeout(function () {
    form.submit();
  }, 5000); // in milliseconds

  $("<img src='/wp-content/uploads/2013/04/saving.gif'>").appendTo("#target");
   });
});
</script>

PHP

<div id="target"></div>
<input type="submit" name="status" value="Prev" />
<input type="submit" name="status" id="save" value="Save" />
<input type="submit" name="status" value="Next" />

<?php

if(!empty($_REQUEST['status']) && $_REQUEST['status'] == 'Prev'){
  //save data and redirect to previous page using header();
}

if(!empty($_REQUEST['status']) && $_REQUEST['status'] == 'Next'){
  //save data and redirect to next page using header();
}

if(!empty($_REQUEST['status']) && $_REQUEST['status'] == 'Save'){
  //save data and do whatever you want
}


?>
4

3 に答える 3

0

コードでは、すべてのボタンのタイプが送信されているため、クリックしたボタンに関係なくフォームが送信されます。

フォームを送信して画像を表示するボタンのみに作成type="submit"します。

于 2013-04-15T13:19:29.880 に答える