2017-11-20 15 views
-1

SUBMITをクリックすると何もしません。しかし、フォームデータを外部リンクに送信する必要があります。これどうやってするの?送信ボタンがフォームデータを送信しない

<form role="form" class="registration-form" action="javascript:void(0);"> 
     <fieldset id="1ststep" class="show">... 

     .........Different input fields go here....... 

     <div class="text-center btn-box"> 
     <button type="submit" class="btn Dbtn9" 
      id="btn10thstep">SUBMIT</button> 
     </div> 
    </form> 
+1

あなたは –

+0

を投稿しますあなたのケースでは 'javascript:void(0);'である 'action'が実行されます。 – Jorden1337

+0

では '提出フォームの入力からデータを送信するために、名前を必要とする、あなたのjavascriptのコード – Risadinha

答えて

-2

入力は名前を「と「idは」属性、およびフォームのidはjavascriptのコードでIDと一致「

+1

推測/リマインダーをコメントに制限してください。 – Santi

-2

は、すべての入力が持っていることを確認してください」」=名前を持つ必要があることを覚えておいてください。あなたはここに、あなたのコード内のaction="javascript:void(0);"一部については答えを知らないことをあなたのコメントの後

+1

推測/リマインダーをコメントに制限してください。 – Santi

+0

ええ、問題は、[送信]ボタンをクリックしても何もしないことです。 –

1

:あなただけのフォームを送信する必要がある場合は

を、で必要とされるだけaction、正しい方法として、URLを追加サーバー。ユーザーアクションとサーバーへの実際のサブミットの間にビジネスロジックを実行する必要がない限り、デフォルトのブラウザー動作(jsなし)は正常に機能しますか?

例:

<form role="form" class="registration-form" method="POST" action="/register"> 

actionは、相対的な絶対的またはプロトコルとホストを含​​む完全なURLのいずれかであり得ます。ただし、GETパラメータは破棄されます(どのメソッドを使用して送信しても問題ありません)。追加のパラメータを提出する必要がある場合は、フォームにhidden入力として追加する必要があります(または、JSソリューションを選択した場合はAJAX呼び出しで追加する必要があります)。

ユーザーの送信アクションとサーバーへの実際のPOSTまたはGETの間にビジネスロジックを実行する必要がある場合は、actionのままにするか、#に置き換えます。

let registrationForm = document.getElementById('registration-form'); 
registrationForm.on('submit', function(event) { 
    event.stopPropagation(); 
    //... your business logic here 
    // submit the form, e.g. using jQuery's ajax() function 
}); 

jQuery.ajax():JavaScriptで

<form id="registation-form" role="form" class="registration-form" method="POST" action="#"> 

http://api.jquery.com/jQuery.ajax/

関連する問題