jQuery技术:表单没有在jQuery中提交ajax成功

我正在做一个单一文本输入的简单forms。我想从db交叉检查是否存在。所以我的HTML是

 
 
 Zone Name*   
 
 
  
  

我的javasript是

  $('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-Zs-, ]+$/)){ $('#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:"", 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成功提交的

 $('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:"", 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!'); } } }); }); }); 

 $(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教程分享表单没有在jQuery中提交ajax成功相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。