Question

我有Registration.html失败，其中包含注册表单。另一个失败在于KinveyRequester.js

function registerUser(e) {
    e.preventDefault();

    let userData = {
      username: $("#registerUsername").val(),
      password: $("#registerPassword").val()
    };
    $.ajax({
      method: "POST",
      url: kinveyBaseUrl + '/user/' + kinveyAppKey,
      headers: kinveyAppAuthHeaders,
      data: userData,
      success: registerSuccess,
      error: handleAjaxError
    });

    function registerSuccess(userInfo) {
      saveAuthInSession(userInfo);
      showInfo("User Successfully Registered");
    }

问题是：

我如何绑定，当我点击＆＃34;注册＆＃34;按钮它正确运行并注册用户。 Here是Register.html失败

Answer 1

只需使用jQuery on()方法即可将registerUser函数与提交按钮绑定：

$(document).ready(function() {
    $('#reg-btn').on('click', registerUser);
});

但是最好绑定表单的提交事件：

$(document).ready(function() {
    $('#your-form').on('submit', registerUser);
});

但是在这种情况下，你必须在registerUser函数的末尾返回false，以防止默认的提交行为。

Answer 2

不要绑定提交按钮，而是绑定表单提交同时移动内联onload：

$(function() {
  startApplication();
  $("#registerUserForm").on("submit",registerUser); 
});

在这些之间你需要一个}：

  });
} <<<<<<<<<<
function registerSuccess(userInfo) {

提交示例在https://jsfiddle.net/2bvuc6on/，因为StackSnippets阻止提交

Answer 3

例如：$('input[type="submit"]').on( 'click', registerUser() );或提交按钮的类，例如$( document ).on( 'click', '.yourSubmitClass', registerUser() );

绑定输入类型提交

3 个答案: