2

問題

さまざまな段階のフォームがあります。下の画像には、複数のボタン (前、次) と送信ボタン (フォームを送信するため) があります。ユーザーがこのページにアクセスしたときに、データが事前入力された第 5 段階 (概要) に直接移動したいと考えています。

以下のJavaScript コードを使用していますが、成功しません。成功しない理由はわかっています。これは、javascript で送信ボタンでアクションを実行しているのに対し、通常のボタンでアクションを実行したいためです。これは次のようになります。

以下のボタンでのみアクションを実行する方法に関して、JavaScriptの構文をガイドしてくれる人はいますか。

ボタン

<button type="button" class="next" onclick="loadnext(4,5);"><img src="images/next.jpg" alt="" /> </button>

JavaScript

<script type="text/javascript"> 
   document.forms.login_form.submit();
</script>

ロードネクスト関数

function loadnext(divout,divin){
   console.log(divout + " -- " + divin);
   ch=validateme_form(divout,divin);
   if(!ch){return false}

   //alert(ch);

   jQuery("." + divout).hide();
   jQuery("." + divin).fadeIn("fast");
}
4

2 に答える 2

0

OK、フォームがあり、いくつかの div の表示と非表示から値を収集し、最後にフォームを投稿したいと考えています。

  1. in セクション内に loadnext 関数を配置します。
  2. ボタンは送信ではないので、そのままにしておくか、送信として機能させたい場合は、onclick を onclick="loadnext(4,5); return false;" に変更します。
  3. validateme_form が何をするのかはわかりませんが、うまくいくと思います。
  4. 必要に応じて、すべての要素に正しい ID があることを確認してください。

お役に立てれば。

于 2013-05-22T13:06:26.363 に答える
0

document.forms.login_form.submit();ボタンのクリックイベントをトリガーせず、直接トリガーします(sth.のようにjQuery("button.next").click())が、DOMの準備が整うまで必ず待機してください。( jQuery(function() { ... })

于 2013-05-22T12:30:55.477 に答える