2017-07-21 9 views
0

私のウェブサイトのインライン編集画面で投稿リクエストを行いました。しかし、私が送信ボタンをクリックすると、何も起こらない。以前はHTMLタグで試してみましたが、うまくいきませんでした。

多分私は間違った方法を見ます。誰かがこの問題を助けることができますか?どうもありがとう!

送信ボタンは、フォームの上部にあります。

<a href="" onclick="$(this).closest('form').submit()"><li class="fa fa-check-square-o" aria-hidden="true"></li></a> 

フォームタグ

<input class="edit-input-door" type="text" name="door_sale" value="<?php echo $event['door_sale']; ?>" /> 

問題

<form method="POST" action="" enctype="multipart/form-data"> 

例入力:ザ・は投稿できません提出 、だから、私は、送信ボタンをクリックします。何も起こらない。彼はページを更新するだけですが、何も投稿しません。

全体コード:

<form method="POST" action="" enctype="multipart/form-data"> 
<div class="root-nav"> 
    <ul> 
    <a href="" onclick="$(this).closest('form').submit()"><li class="fa fa-check-square-o" aria-hidden="true"></li></a> 
    </ul> 
</div> 
<span class="date-lg__ad">&euro; <input class="edit-input-door" type="text" name="door_sale" value="<?php echo $event['door_sale']; ?>" /></span> 

ソリューション:

<button type="submit"><li class="fa fa-check-square-o" aria-hidden="true"></li></button> 

どうもありがとう再び!

+0

」doesnのを試してみてくださいt仕事はあまりにも曖昧です。ブラウザコンソールにはどのようなエラーがありますか?サーバー側の方法はどこですか? –

+0

穴の送信は機能しません、彼はデータを投稿しないので、何も得られません。また、console.log(0 –

+0

のデータを取得するためのサーバー側のコードをポストしてください。) –

答えて

1

この

<form method="POST" action="" enctype="multipart/form-data" id="target"> 
    <input type="text" value="Hello there"> 
    <input type="submit" value="Go"> 
</form> 
<a href="#" id="other"><li class="fa fa-check-square-o" aria-hidden="true"></li></a> 

<script> 
$("#other").click(function() { 
    $("#target").submit(); 
}); 
</script> 
0

ではなく、次のタグのデフォルトのイベントは、のonclick funcitonを防ぐ使うかもしれませ試してみてください。

<a href="javascript:$(this).closest('form').submit()"><li class="fa fa-check-square-o" aria-hidden="true"></li></a> 
+0

これは動作しません。スクリプトは読み込まれません。 –

1

//「この

<a href="#" onclick="myFunction()"><li class="fa fa-check-square-o" aria-hidden="true">Click here</li></a> 

<form id="myForm" method="post" enctype="multipart/form-data"> 

    // your stuff 

</form> 


<script> 
function myFunction() { 
    document.getElementById("myForm").submit(); 
} 
</script> 
関連する問題