Form Is Not Submitting In Jquery Ajax Success

I am making a simple form of single text input.I want to cross check from db that is it exist or not.So my html is

)?>"method="post"id="zoneAdd"name="zoneAdd">

Solution 2:

1. You don't have a handler function on form submit and your ajax call happens after $("[name=submit]").click().

2. You're submitting the form after ajax success:

   success:function(err){
           if(err == 0)
               {
                  ...
                  $('form#zoneAdd').submit();
                  ...
               }
   
      }
   

3. but the submit is not ajax call, so try to handle the form onsubmit.

something like this:

$('document').ready(function(){
    $('form#zoneAdd').submit(function(e){
         e.preventDefault();

         // You checks code ...var data = {
               'zone': $('#zone_name').val()
             };

         $.ajax({

                type:"post",
                data:data,
                url:"<?php echo site_url('zone/checkZoneName');?>",
                success: function (err){

                    if(err == 0)
                    {
                        console.log('hello');
                        $('#zone_name_error').html('');
                        $('#zone_name_error').removeClass("errMsg");
                        $('#zone_name_error').removeClass("errMsgDngr");
                    }
                    else
                    {
                        $('#zone_name').addClass("errMsg");
                        $('#zone_name_error').addClass("errMsgDngr");
                        $('#zone_name_error').html('Zone Name already existed!');
                    }

                }
         });


    });
});

Solution 3:

Start form like this :

  <form id="FORM-ID" method="post" action="">

For ajax submit

$(document).ready(function(){ 
     $('#FORM-ID').submit(function(e) {

        var myarray=  array of all form values
        var data = JSON.stringify(myarray);

        e.preventDefault();

        $.ajax({
        type: "POST",
        data: {value:data},
        url: "URL TO SUBMIT",
        success: function() {
             //Sucess function 
        }

    });
 });