Функция Ajax не попадает в submitHandler

Question

Работа с проверкой формы работает, но я не могу правильно запустить вызов Ajax. Достигается submitHandler, но вызов Ajax отсутствует. Я включил скрипку внизу, но, очевидно, вы не можете запускать аякс-звонки оттуда.

$(".player-code, .submit").hide(); 

//VALIDATION 
$(function() { 
    $("#form").validate({ 
     rules: { 
      playerClass: { 
       required: true 
      } 
     }, 
     submitHandler: function() { 
      var accountNumber = $(".accountNumber").val(); 
      var domain = $(".domain").val(); 
      var playerClass = $(".playerClass").val(); 
      var dataString = accountNumber + playerClass; 
      //Save Form Data........ 
      $.ajax({ 
       type: "POST", 
       dataType: "json", 
       url: "/", 
       contentType: "application/json", 
       data: dataString, 
       success: function() { 
        $(".player-code").show(); 
        $('.render-info').html("<div class='alert alert-success'>You've successfully built your player code</div>"); 

       }, 
       failure: function() { 
        $('.render-info').html("<div class='alert alert-failure'>Submission Error</div>"); 
       } 
      }); 
     } 
    }); 
}); 

jQuery.validator.addMethod("domainChk", function (value, element, params) { 
    if (this.optional(element)) return true; 
    var regExp = new RegExp("^(?!www\\.|http:\/\/www\.)(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\\.)+([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$"); 
    return regExp.test(value); 
}, "Valid hostname required for player code"); 

jQuery.validator.addClassRules({ 
    domainChk: { 
     domainChk: true 
    } 
}); 

$('input[type="text"]').on('click keyup blur', function() { 
    if ($('#form').valid()) { 
     $(".submit").show(); 
    } else { 
     $(".submit").hide(); 
    } 
}); 

//PREPOPULATE ACCOUNT FROM QUERY STRING 
var url = window.location.href; 
var regex = /=.*/; // match '=' and capture everything that follows 
var accountId = url.match(regex); 
    $(".accountNumber").val(accountId).remove("="); 
// 

jsFiddle: Link

Answer 1

Там нет failure: варианта для $.ajax(). Если вы хотите увидеть какие-либо ошибки, возникающие при вызове ajax, используйте error:, чтобы зафиксировать ошибку.

Answer 2

Для отправки формы вы должны использовать

<button class="btn btn-default submit" type="submit">Submit</button>

вместо <div class="btn btn-default submit">Submit</div>

submitHandler будет называться только на родной отправки формы.

Fiddle