表单未在jQuery ajax中成功提交 [英] Form is not submitting in jQuery ajax success

问题描述

我正在做一个简单的单文本输入形式.我想从数据库中交叉检查是否存在.所以我的html是

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

<form action="zoneAdd" method="post"  id="zoneAdd" name="zoneAdd">
            <div class="box-body">
                <div class="form-group">
                    <label>Zone Name<span id="required">*</span></label>
                    <input type="text" class="form-control" name="zone_name" id="zone_name" placeholder="Enter Zone Name" />
                    <span id="zone_name_error"></span>
                </div>
            </div><!-- /.box-body -->
            <div class="box-footer">
                <input type="submit" class="btn btn-primary btn-flat btn-sm" name="submit" value="Submit"/>
            </div>
        </form>

我的javasript是

and my javasript is

 $('document').ready(function(){
    $("[name=submit]").click(function(e){
         e.preventDefault();
        if ($('#zone_name').val().length <= 0) {
            $('#zone_name').addClass("errMsg");
            $('#zone_name_error').addClass("errMsgDngr");
            $('#zone_name_error').html('Please enter Zone name!');
            //isStepValid = false;
        }
        else if(!$('#zone_name').val().match(/^[a-zA-Z\s-, ]+$/)){
            $('#zone_name').addClass("errMsg");
            $('#zone_name_error').addClass("errMsgDngr");
            $('#zone_name_error').html('Please use only alphabats!');
            //isStepValid = false;
        }else{
            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");
                        //document.forms["zoneAdd"].submit();
                        $('form#zoneAdd').submit();
                        //console.log($('form#zoneAdd').submit());
                    }
                    else
                    {
                        $('#zone_name').addClass("errMsg");
                        $('#zone_name_error').addClass("errMsgDngr");
                        $('#zone_name_error').html('Zone Name already existed!');
                    }
                }
            });
        }

    });
});

每件事都是对的.我的问题是我的表单没有以Ajax成功提交

every thing is going right. My problem is my form is not submit in ajax success

推荐答案

像这样的起始表格:

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

对于ajax提交

$(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 
        }

    });
 }); 

这篇关于表单未在jQuery ajax中成功提交的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！