form sadece submit edilirse çalışssın

$("form2").click("submit", function(){
var index = $("form2").index(this);
var yorum = $("input[name=vyanit]").eq(index).val();
$("form2").eq(index).hide();
});

bu şekilde bir kodum var. input içinde mouse ile tıklayınca form kayboluyor. fakat ben submit edilirse kaybolmasını istiyorum. normalde hide yapmadığımda istediğim sonucu alıyorum. Ama yorumdan sonra form u kaybetmek istiyorum. Nerede hata yapıyorum acaba ?

Aşağıdaki gibi yapabilirsiniz. form2 diye bir şey yok form var Kullanmak istemezseniz .after() kısmını kaldırabilirsiniz.

<form>
    <input type="text" name="vyanit">
    <input type="submit" value="Yanit">
</form>

$("form").on("submit", function() {
    var yorum = $("input[name=\"vyanit\"]", this).val();
    $( this ).hide().after("<b>Yapılan Yorum:</b> " + yorum);
    return false;
});

evet bu verdiğin kod ile oldu. Fakat ben <form ile değilde başka bir tag ile bu işlemi yapamam mı ? yani <form adında yine sayfada taglar olabilir. ve onlarla çakışabilir.

Not: host üzerinde denediğim zaman, undefined hatası veriyor

Form işlevi başka şekilde olmaz, çalışmaz. <form> $("form") yerine <form id="form_id"> $("#form_id"), <form id="form_id2"> $("#form_id2") gibi seçtirebilirsin.

Bu arada yukarıdaki form işlemi için birden fazla <form> ekleyip tek js koduyla çalıştırabilirsin, hangi form tetiklenirse onun içindeki inputtan değer alır.