Отправить кнопку в заголовке не удается отправить

Question

Я разрабатываю мобильное приложение jquery. В приложении есть форма, которую пользователь должен отправить, и я поместил кнопку отправки в правой части заголовка. когда пользователь выполнил заполнение формы и нажатие кнопки отправки с классом "ui-btn-right", он не может отправить.

$(document).ready(function(){ 
    $('.ui-btn-right').on('click', function(event) { 
     $("#form1").on('submit',function(event){ 
     event.preventDefault(); 
     data = $(this).serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "register.php", 
      data: data 
     }).success(function() { 
      $("input[type=text]").val(""); 
     }); 
     }); 
    }); 
}); 

HTML

<a href='#' class='ui-btn-right' id="button" >Register</a> 

Answer 1

Просто принимая догадку здесь, так как мы не можем видеть разметку. Но похоже, что вы не отправляете форму, когда вы нажимаете кнопку, вы просто подключаете событие отправки. Попробуй это?

$(document).ready(function(){ 
 
    $('.ui-btn-right').on('click', function(event) { 
 
     $('#form1').submit(); 
 
    }); 
 
    
 
    $("#form1").on('submit',function(event){ 
 
    event.preventDefault(); 
 
    data = $(this).serialize(); 
 

 
    $.ajax({ 
 
     type: "POST", 
 
     url: "register.php", 
 
     data: data 
 
    }).success(function() { 
 
     $("input[type=text]").val(""); 
 
    }); 
 
    }); 
 
});

Answer 2

Попробуйте это?

$(document).ready(function(){ 

     $("#form1").on('submit',function(event){ 
     event.preventDefault(); 
     data = $(this).serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "register.php", 
      data: data 
     }).success(function() { 
      $("input[type=text]").val(""); 
     }); 
     }); 

    $('.ui-btn-right').on('click', function(event) { 
     $("#form1").submit(event); 
    }); 
}); 

Answer 3

Если кнопка не в форме, и вы хотите, чтобы уволила событие представить вам нужно сделать что-то вроде:

$('.ui-btn-right').on('click', function(event) { 
    $("#form1").submit(function(event){ 
    event.preventDefault(); 
    stuff(); 
    }); 
}); 

Answer 4

Возможно мне нужно больше данных, чтобы дать ответ, но мы можем пойти сюда.

$('.ui-btn-right').on('click', function(event) { 
    check here any alert/console message is working 
} 

теперь у вас есть создать $("#form1").on('submit

, но представить его вам нужно сделать

$("#form1").submit(); 

вручную, как я предполагаю, что эта кнопка находится за пределами вашей формы.