Javascript jquery提交功能不起作用

我的jQuery函数不起作用，我不知道问题出在哪里这是我的代码：

$(document).ready(function(){
  console.log("document prêt !!!");
  $("#f").on("submit",function(e){

    recuperer_valeur_reservation();
    console.log('submit f1...');
  }); 
});

浏览器中不显示来自my

console.log的消息，只显示您在此处看到的第一个控制台：


以下是我所有的jquery代码：

<script>
  function recuperer_valeur_reservation(){
  var nom_local=$('#nom_local').val();
  var numero_place=$('#numeroplace').val();
  var prix_place=$('#prixplace').val();
  var taille_place=$('#tailleplace').val();
  var cin=$('#Cinlocataire').val();
  var heure_debut=$('#heure_debut').val();
  var heure_fin=$('#heure_fin').val();


  $('#nom_localhidden').val(nom_local);
  $('#numeroplacehidden').val(numero_place);
  $('#prixplacehidden').val(prix_place);
  $('#tailleplacehidden').val(taille_place);
  $('#cinlocatairehidden').val(cin);
  $('#heure_debut_hidden').val(heure_debut);
  $('#heure_fin_hidden').val(heure_fin);


}

$(document).ready(function(){
  console.log("document prêt !!!");
  $("#f").on("submit",function(e){

    recuperer_valeur_reservation();
    console.log('submit f1...');
  });
});

</script>

  $(document).ready(function(){

    $("#reservation").on("submit",'#f',function(e){
    e.preventDefault();
    alert('submit f1!');
    $("#reservation").modal('hide');
    $("#paiement").modal("show");
    recuperer_valeur_reservation();
    console.log("hello toufik");

    });
});


问询处
&时代；
地方拨款名称：
Numéro place：
帕尔豪斯大奖赛：
泰勒德拉普拉斯：
Votre Cin：
我们的服务是：
您的服务费是多少
Réserver
费尔默
问询处
&时代；
Votre Cin：
类型：
选择你的选择
贝宝
银行卡
付款人
大奖赛：


付款人
费尔默
请尝试在代码前插入jQuery。第一个日志条目是否出现？
当jQuery正确实现时，您的代码适用于表单$（“#f”）——这是html部分的第一个表单。
请尝试在代码之前插入jQuery。第一个日志条目是否出现？
当jQuery实现正确时，您的代码适用于表单$（“#f”）——这是html部分的第一个表单。
如果您希望两个表单都提交，则需要阻止提交，但接下来要做什么


函数递归器\u valeur\u保留（）{
var nom_local=$（'nom_local'）.val（）；
var numero_place=$（'#numeroplace'）.val（）；
var prix_place=$（'#prixplace'）.val（）；
var taille_place=$（'tailleplace'）.val（）；
var cin=$（'#Cinlocataire'）.val（）；
var heure_首次亮相=$（“#heure_首次亮相”）.val（）；
var heure_fin=$（'heure_fin'）.val（）；
$（'nom#u localhidden'）.val（nom#u local）；
$（'数字空间隐藏'）.val（数字空间）；
$（'prixplacehidden'）.val（prix_place）；
$（'taileplacehidden'）.val（taille_place）；
$（'cinlocatairehidden'）.val（cin）；
$（'heure#u首次登场隐藏'）.val（heure#u首次登场）；
$（'heure#u fin_hidden'）.val（heure_fin）；
}
$（文档）.ready（函数（）{
log（“documentprêt！！！”）；
$（“#f”）。关于（“提交”，函数（事件）{
event.preventDefault（）；
保留地；
log（'submitf1…'）；
警报（'默认阻止现在什么？'）；
});
});

问询处
&时代；
地方拨款名称：
Numéro place：
帕尔豪斯大奖赛：
泰勒德拉普拉斯：
Votre Cin：
我们的服务是：
您的服务费是多少
Réserver
费尔默
问询处
&时代；
Votre Cin：
类型：
选择你的选择
贝宝
银行卡
付款人
大奖赛：


付款人
费尔默
如果您希望两者都提交，则需要阻止提交，但接下来您想做什么


函数递归器\u valeur\u保留（）{
var nom_local=$（'nom_local'）.val（）；
var numero_place=$（'#numeroplace'）.val（）；
var prix_place=$（'#prixplace'）.val（）；
var taille_place=$（'tailleplace'）.val（）；
var cin=$（'#Cinlocataire'）.val（）；
var heure_首次亮相=$（“#heure_首次亮相”）.val（）；
var heure_fin=$（'heure_fin'）.val（）；
$（'nom#u localhidden'）.val（nom#u local）；
$（'数字空间隐藏'）.val（数字空间）；
$（'prixplacehidden'）.val（prix_place）；
$（'taileplacehidden'）.val（taille_place）；
$（'cinlocatairehidden'）.val（cin）；
$（'heure#u首次登场隐藏'）.val（heure#u首次登场）；
$（'heure#u fin_hidden'）.val（heure_fin）；
}
$（文档）.ready（函数（）{
log（“documentprêt！！！”）；
$（“#f”）。关于（“提交”，函数（事件）{
event.preventDefault（）；
保留地；
log（'submitf1…'）；
警报（'默认阻止现在什么？'）；
});
});

问询处
&时代；
地方拨款名称：
Numéro place：
帕尔豪斯大奖赛：
泰勒德拉普拉斯：
  $(document).ready(function(){

    $("#reservation").on("submit",'#f',function(e){
    e.preventDefault();
    alert('submit f1!');
    $("#reservation").modal('hide');
    $("#paiement").modal("show");
    recuperer_valeur_reservation();
    console.log("hello toufik");

    });
});