0

私は単純なフォームを持っているとしましょう：

​<form id="new_stuff">
    <label>Title </label>
        <input id="title" maxlength="255" name="new[title]" size="50" type="text"><br /><br />
    <label>Message </label>
        <input id="message"  name="new[message]" size="50" type="text" value="general"><br />
    <label>Upload </label>
        <input id="upload_data" name="new[upload]" size="30" type="file"><br />
    <input id="submitform" action="form.php" type="button" value="submit me" formmethod="post"/>
​&lt;/form>

ユーザーがデータを入力して送信すると、データを取得し、タイトルを変更して (ユーザーが入力したものの末尾に「TESTING」という単語を追加するとします)、フォームを 2 回送信する方法が必要です。1 回は元のデータで、もう 1 回は変更されたデータで。

JSでこれを行う方法を教えてください。ありがとう

4

1 に答える 1

0

jQueryを少し使用すると、これが非常に簡単になります。

$( "#new_stuff" ).submit( function () {
  var self = this;
  // Save the form data as-is, before making any changes
  var originalFormData = $( self ).serialize();

  // Make changes to the values that you want to change.
  $( "#title" ).val( $( "#title" ).val() + ' TESTING' );

  // Serialize the form a second time
  var modifiedFormData = $( self ).serialize();

  // Post the form to your location.
  $.post('url', originalFormData);
  $.post('url', modifiedFormData);

  // Return false, otherwise the form action will post (a third time).
  return false;
});
于 2012-10-29T13:07:25.253 に答える