ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用

我使用$.ajax发送数据并使用jQuery验证插件进行验证，如下所示：

Send

JS：

jQuery(document).ready(function ($) {

$('#myform').validate({

rules: {

name: {

required: true,

rangelength: [4, 20],

submitHandler: function (form) {

$("#ajax-1").click(function (e) {

e.preventDefault(); // avoid submitting the form here

$("#ajax-form-msg1").html("");

var formData = $("#myform").serialize();

var URL = $("#myform").attr("action");

$.ajax({

url: URL,

type: "POST",

data: formData,

crossDomain: true,

async: false

}).done(function (data, textStatus, jqXHR) {

if (data == "yes") {

$("#ajax-form-msg1").html(' < div class = "alert alert-success" > ' + data + ' < /div>');

$("#form-content").modal('show');

$(".contact-form").slideUp();

} else {

$("#ajax-form-msg1").html('' + data + '');

}

}).fail(function (jqXHR, textStatus, errorThrown) {

$("#ajax-form-msg1").html(' < div class = "alert alert-danger" >AJAX Request Failed < br / > textStatus = ' + textStatus + ', errorThrown = ' + errorThrown + ' < /code> ');

});

}

});

在操作中，我的表单使用jQuery验证进行验证，但在验证后不提交并且不发送数据。

如何解决这个问题？！

DEMO HERE

ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用相关推荐

【Vue】基础（三）条件渲染 - 列表渲染(key的作用与原理虚拟DOM解析) - 收集表单数据 - 持续更新中
目录 11. 条件渲染 11.1 v-if 11.2 v-show 12. 列表渲染 12.1 v-for(基本列表使用) 12.2 key的作用与原理真实DOM和其解析流程虚拟 DOM 的好处 ...
AJAX框架简笔画图片教程,jquery 框架使用教程 AJAX篇
jquery 框架使用教程 AJAX篇更新时间:2009年10月11日 14:47:26 作者: 正好项目中准备使用thickbox,于是干脆抛弃prototype.js,看起jquery.js ...
jq中ajax请求跨域,用JQuery实现简单的Ajax跨域请求
前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章,这几天看了一下Jquery,发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本) ...
自定义ajax脚本出粗哦,jQuery DataTables插件自定义Ajax分页实例解析
一.问题描述园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数 ...
ajax注解解决中文乱码,基于注解的简单MVC框架的实现，以及jquery，prototype，ajax传输乱码问题的一点解决方法...
1:基于注解的简单MVC框架的实现效果:1:用户只需要定义一些普通的java类来做为M层,也就是STRUTS的action类,该类里包含1到 N个控制方法,每个方法需要的form数据,由注解@Act ...
肠道微生物在天然产物生物转化中的潜在作用
谷禾健康什么是天然产物? 天然产物是指动物.植物.昆虫或微生物体内的组成成分或其代谢产物以及人和动物体内许多内源性的化学成分,是自然产生的小分子.值得注意的是,天然产物来源中,植物来源占85%以上. ...
wms系统在物流管理中的核心作用
仓储的战略角色转变:长期储存原材料以及产成品–较短周转时间.较低的库存率.较低的成本和较好的顾客服务为内容的物流目标.仓储能为原材料.工业货物和产成品产生时间效用.wms系统在物流管理中的核心作用体现 ...
ajax 阻止默认提交,jQuery验证插件：在对ajax调用servlet时，submitHandler不会阻止默认提交-返回false无效...
我有一个使用jquery和servlet的简单表单.jQuery对Servlet进行Ajax调用,然后Servlet进行一些服务器端计算,然后通过jQuery在同一页面上显示结果.我不希望表单进行默认 ...
ajax中 submithandler,jQuery使用submitHandler中的AJAX验证，第二次点击提交？
的submitHandler的工作是提交表单,不登记表单提交事件处理程序. 当formm提交事件被触发时,submitHandler会被调用,而不是提交您正在注册提交处理程序的表单,因此当表单提交事件 ...

ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用

ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用相关推荐

最新文章

热门文章