javascript - 标题中的提交按钮无法提交

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("");
    });
  });
});