//就是如果表单内不些内容点提交会弹出‘信息不完整’，确认后，再点击提交会连续弹出两次‘信息不完整’，确认后如果继续点击提交，那么就会弹出更多次的‘信息不完整’，然后再表单里写上内容再提交，数据库中就会出现很多条同样的信息。
是哪里的问题？
$(document).ready(function () {
$('.tijiao').on('click', function () {
$(this).bind('click');
var options = {
type: 'post',
url: 'pan.php?op=xmas',
beforeSubmit: showRequest,
success: showResponse
};
$('.info').on('submit', function () {
$(this).ajaxSubmit(options);
return false; // 阻止表单自动提交事件
});
});
function showRequest() {
var name = $('inpur[name=name]').val();
var phone = $('.phone').val();
if (name == '' || phone == '') {
alert('信息不完整!');
return false;
}
return true;
}
function showResponse() {
alert('提交成功！');
$('.dialog').animate({
top: '-35%'
}); // 提交后重置表单
window.location.href = "http://xiaoer.zaozaodao.com/bg/testo.php";
}
});
添加评论
关注(0)
相关推荐
`ajaxSubmit`是jQuery Form Plugin的一部分，它允许我们使用Ajax技术实现表单的异步提交，包括多文件上传。这种方式不仅可以提高用户体验，因为用户无需等待页面刷新，还能有效管理服务器资源，避免一次性处理大量...
在Web开发中，异步表单提交是一种常见需求，它能提供更好的用户体验，因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的，它扩展了jQuery库，使表单异步提交变得更加简单、...
ajaxSubmit是jQuery Form插件中的一个方法，专门用于异步提交表单，包括文件上传。 1. **配置SpringMVC** 在SpringMVC的配置文件中，我们需要开启Multipart支持，以处理文件上传。这可以通过添加`...
AjaxForm是jQuery Form Plugin的一个功能，用于实现异步表单提交，特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先，让我们了解什么是Ajax。AJAX（Asynchronous ...
jQuery Form插件极大地简化了异步表单提交的过程，使开发者能够专注于业务逻辑和用户体验。结合SSH框架，可以构建出高效、互动性强的Web应用。在实际项目中，根据需求灵活运用这些工具和技巧，能有效提升网站性能和...
AjaxSubmit是jQuery Form插件中的一个方法，它允许我们在不刷新整个页面的情况下，通过AJAX方式提交表单，包括文件在内的所有数据。这种方式避免了页面的闪烁和跳转，提高了用户交互性。 二、Servlet在文件上传中的...
在jQuery中，`ajaxSubmit()` 是一个扩展方法，它包含在jQuery的form插件中，用于异步提交表单数据，而不会导致页面刷新。在使用`ajaxSubmit()` 之前，需要确保已经引入了jQuery库和`jquery.form.js` 插件。以下是对`...
在本篇文章中，我们将深入探讨一个名为"ajaxSubmit"的插件，它是一个专门用于文件上传的工具，极大地简化了前端与后端接口的交互过程。 **ajaxSubmit 插件概述** `ajaxSubmit`是一个基于jQuery的插件，它扩展了...
在实际应用中，比如文件上传、表单验证等场景，AjaxSubmit()方法显得尤为实用。 1. **引入依赖** 使用AjaxSubmit()首先需要在HTML页面中引入jQuery库和jQuery Form插件。你可以通过以下方式引入： ```html ...
这是一个用于表单提交的jQuery插件，它允许我们以Ajax方式处理表单数据，从而实现异步通信。在本例中，AjaxSubmit将处理图片文件的上传，而不会导致页面重载。 1. **HTML结构**： 创建一个包含文件输入字段的表单...
在 Web 开发中，使用 AJAX 进行异步表单提交是一种常见的技术手段，它允许开发者无需重新加载整个页面即可提交数据并接收响应结果。JQuery 提供了一个强大的插件——JQuery Form，它可以简化这一过程。本文将详细...
在提供的代码示例中，由于存在OCR扫描识别错误，部分文字可能无法完全理解，但整体上，可以看出这是一个典型的使用ajaxSubmit()进行异步文件上传和表单提交的实现。开发者可以参考此代码示例，根据自身项目的需要...
具体实现方式为在`submitHandler`中使用`ajaxSubmit()`方法，这样可以异步处理数据提交。 除了自定义提交处理，jQuery Validate允许设置默认的验证行为。通过`$.validator.setDefaults`方法可以全局设置验证器的...
JQuery-validate 插件是一个用于表单验证的插件，它提供了许多实用的功能，例如验证规则、错误消息、提交处理等。该插件可以与 JQuery 结合使用，实现表单的自动验证和提交。 三、使用 JQuery-validate 插件进行...
jQuery formValidator是一个强大的验证插件，它能够帮助开发者轻松实现复杂的表单验证功能，无需编写大量的JavaScript代码。 ### 1. jQuery formValidator简介 jQuery formValidator是基于jQuery的一个轻量级的...
下面是一个简单的示例，演示如何使用 jQuery Validate 插件进行表单验证： ```javascript $("#form").validate({ rules: { author: { required: true, minlength: 2 }, email: { required: true, email: ...
jQuery的`ajaxSubmit`函数是用于实现异步提交表单的一种方式，它允许我们在不刷新整个页面的情况下...在实际项目中，`ajaxSubmit`通常与其他jQuery方法和插件结合使用，以实现更复杂的功能，如表单验证、错误处理等。
而“jQuery 表单验证”是 jQuery 功能的一个重要方面，它专注于确保用户在提交表单时输入的数据符合预设的规则，从而提高用户体验和数据质量。下面将详细介绍 jQuery 表单验证的相关知识点。 1. **jQuery ...
在提供的文件列表中，`jquery.form.js`是一个常用的jQuery插件，它扩展了jQuery的功能，使得我们可以轻松地实现AJAX表单提交。另一个文件`jquery-latest.pack.js`是jQuery库的最新压缩版本，提供了基本的DOM操作、...
关键在于`jquery-form.js`，这是一个jQuery插件，专门用来处理表单的异步提交，支持多种提交方式，包括AjaxSubmit。它扩展了jQuery的$.ajax方法，使得文件上传和表单验证变得更加容易。在这个例子中，`jquery-form....