2016-04-20 11 views
1

フォームに「submit」と名前を付けると、フォームは送信されません。しかし、名前を変更した場合は、フォームが提出しています。入力名を送信しないフォームを提出しない

HTMLのCODE:

<form name="my_form" action="/search" method="get" id="my_form"> 
/** code **/ 
<button name="submit" type="submit"><i class="fa fa-angle-right"></i></button> 
</form> 

ここで私は気にいらない他button名を変更する場合、それはフォームを仕事と提出します。

jQueryのCODE

$(document).ready(function() { 
    $('.attr_list').on('ifChanged', function(event){ 
     alert("message will display"); // here alert will come but form is not submitting 
     $("#my_form").submit(); 
    }); 
}); 

私は "送信" ボタンという名前を付けた場合、なぜそれが提出されていませんか?

+4

'$( 'ATTR_LIST。 ')に(' ifChanged'、機能(イベント){'。 'attr_list'に関連するコードです。完全なコードを投稿してください。 –

+0

' .attr_list'がどのように表示されるかを完全に記述してください。 – Meathanjay

+0

https://api.jquery.com/category/selectors/ –

答えて

0

を作成している場合、私はあなたが何かに「提出」から、ボタン名を変更すべきだと思います。

理由:

フォーム要素は、あなたがそれらを提出することを呼び出すことができる機能ですsubmitと呼ばれる性質を持っています。 (jQueryはjQueryインスタンスでsubmitを呼び出すときにこれを使用します)。しかし、フォーム要素はフィールド名を使用してフォームの各フィールドのプロパティも受け取るため、「submit」というフィールドがある場合はsubmit関数をオーバーライドします。つまり、プログラムでフォームを送信することはできません。

あなたのコードは次のようになります。

<form name="my_form" action="/search" method="get" id="my_form"> 
/** code **/ 
<button name="othername" type="submit"><i class="fa fa-angle-right"></i></button> 
</form> 

それは動作します....

0

また、試すことができます。

$("form").submit(function(){ 
    alert("Submitted"); 
}); 

の代わり$("#my_form").submit();を、それが問題に

関連する問題