こんにちは。ページにフォームが1つしかない場合は、更新せずにフォームを送信するのは非常に簡単ですが、ページに複数のフォームがある場合はどうでしょうか。フォームの送信に次のコードを使用していますが、ページにフォームが1つしかない場合は問題なく機能します。ページに複数のフォームがある場合に機能するように変更するにはどうすればよいですか。前もって感謝します。
function processForm() {
$.ajax( {
type: 'POST',
url: form_process.php,
data: 'user_name=' + encodeURIComponent(document.getElementById('user_name').value),
success: function(data) {
$('#message').html(data);
}
} );
}
<form action="" method="post" onsubmit="processForm();return false;">
<input type='text' name='user_name' id='user_name' value='' />
<input type='submit' name='submit' value='submit'/>
</form>
<div id='message'></div>