javascript - Ajax function not being hit in submitHandler -
form validation works, can't ajax call fire correctly. submithandler
being reached, ajax call isn't. have included fiddle @ bottom, can't fire ajax calls there.
$(".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 built 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 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 query string var url = window.location.href; var regex = /=.*/; // match '=' , capture follows var accountid = url.match(regex); $(".accountnumber").val(accountid).remove("="); //
jsfiddle: link
there no failure:
option $.ajax()
. if want see errors happen in ajax call, use error:
capture error.
Comments
Post a Comment