Проверка дубликата пользователя

Question

Я делаю страницу регистрации, для моего мобильного приложения, и хотят, чтобы проверить наличие дубликатов имен пользователей, введенных пользователем/клиентом

У меня есть кнопка на странице, которая при нажатии, проверяет наличие Имя пользователя. Однако я хотел бы также включить это автоматически, если это еще не сделано, когда клиент нажимает кнопку «Отправить/перейти к шагу 3», . Я хочу выполнить проверку для дублирования имен пользователей с помощью Ajax и, если существует дубликат, а затем обновить SAME страница с сообщением об ошибке для дублирования, иначе перейти к шагу 3.

в моем HTML файл у меня есть некоторые JS, который выполняет следующие действия:

$("#check-username").click(function() { 
(...this works as I am able to click the CHECK button 
and see if the username exists) 

у меня есть еще один файл JS, который добыт в моем HTML который выполняет следующие функции:

submitHandler : function() { 
$("#reg1").hide(); 
$("span#step").html("2"); 
$("#check-username").click; 
$("#reg3").show(); 
scrollTop(); 
} 

Когда я нажимаю на Перейти к следующему шагу, который является reg3, он не выполняет проверку для имени-check-username. Является ли мой метод/синтаксис для правильного ввода имени проверки?

Answer 1

$("#check-username").click; 
          ^^----- Missing Braces 

должен быть

$("#check-username").click(); 

Answer 2

Проблема в том, что вам нужно, чтобы перейти к шагу 3 только после проверки АЯКС возвращает запрос от сервера. Вам также потребуется посмотреть ответ с сервера, чтобы узнать, является ли он дубликат. Например:

$("#check-username").click(function() { 
    validateUser(); 
}); 

function validateUser(){ 
    return $.ajax({ 
     url: '/path/to/validate' 
    }); 
} 

и ваш представить материал обработчика:

submitHandler : function() { 
    $("#reg1").hide(); 
    $("span#step").html("2"); 

    validateUser() 
     .done(function(r){ 
      //for example... 
      if(r.isValidUser){ 
       $("#reg3").show(); 
       scrollTop(); 
      } 
     }); 
}