javascript - 如果我单击表单中的任意位置 - 在 ajax 验证后提交表单，谁能告诉我如何解决这个问题

Question

验证工作良好，如果我单击提交按钮，表单也会提交，唯一的问题是如果单击页面中的任何位置提交表单，请在此处帮助我。提前致谢。

Javascript：

    $(document).ready(function(){
        $(":input[type='submit']").on('click', function(){
            $(':input[type="submit"]').prop('disabled', true);
        });               
         $("#locationName").on('change', function desgCheck()
                {     
                    var locationName = $('#locationName').val();

                    $.ajax({
                        type: "POST",
                        url: "../designation/locationName.htm",
                        data: {
                            locationName: locationName
                        },
                        dataType: "text",
                        success: function (data)
                        {
                            if ($.trim(data) !== 'Data  available')
                            {
                                alert("This Location already exist!!");
                                $("#locationName").val("");
                            } else {
                                $("#desgForm").submit();
                            }
                        },
                        error: function (error) {
                           $("#locationName").val("");
                        }
                    });

                });
                $("#locationName").on('keyup', function desgCheck(){
                     var str = $("#locationName").val();
                    var a = str.toUpperCase();
                    $("#locationName").val(a);
                });
jQuery("#desgForm").validationEngine();
     });

HTML：

 <form class="form-inline" id="desgForm" accept-charset="UTF-8" method="post" action="../locationSubmit.htm" enctype="multipart/form-data">

<input type="text" id="locationName" autocomplete="off"  name="locationName"  class="form-control validate[required]">

<button type="submit" class="btn btn-primary" >Save</button>

</form>