$(function() {
$("#BtnAdd").click(function() {
var name = $.trim($("#TxtCategoryName").val());
if ("" == name) {
alert('请输入类别名称！');
return false;
}
else {
$.get("CheckName.aspx?M=c&t=" + new Date().getTime(), { Name: name }, function(data) {
if ("false" == data) {
alert('该类别已存在！');
return false;
}
else {
return true;
}
})
}
})
})
会提交，因为在异步提交的过程中不会执行return
$(function() {
var i = 0;
$("#BtnAdd").click(function() {
var name = $.trim($("#TxtCategoryName").val());
if ("" == name) {
alert('请输入类别名称！');
i = 1;
}
else {
$.get("CheckName.aspx?M=c&t=" + new Date().getTime(), { Name: name }, function(data) {
if ("false" == data) {
alert('该类别已存在！');
i = 1;
}
else {
i = 2;
}
})
}
if (0 == i || 1 == i) {
return false;
}
else {
return true;
}
})
})
不会提交
$(function() {
var i = 0;
$("#Button1").click(function() {
var name = $.trim($("#TextBox1").val());
if ("" == name) {
alert('请输入类别名称！');
i = 1;
return false;
}
else {
$.ajax({
async:false,
type: "POST",
url: "CheckName.aspx?Name="+name+"&t="+new Date().getTime(),
success: function(msg){
if ("true"==msg)
{
i=2;
}
else
{
i=1;
alert("已存在");
}
}
});
}
if (1==i)
{
return false;
}
else
{
return true;
}
})
})
同步提交
分享到：
相关推荐
- 考虑到兼容性问题，确保所有目标浏览器都支持jQuery库，或者使用原生JavaScript方法进行替代。 总结，通过jQuery我们可以方便地将JSON对象转换为适合表单提交的格式，并利用Ajax方法发送到服务器。这极大地提高...
在引入这些文件后，可以使用ajaxForm方法来准备表单的Ajax提交。在document的ready函数中，使用ajaxForm来为Ajax提交表单进行准备。 ajaxForm方法可以接受0个或1个参数，参数既可以是一个回调函数，也可以是一个...
在 Web 开发中，使用 AJAX 进行异步表单提交是一种常见的技术手段，它允许开发者无需重新加载整个页面即可提交数据并接收响应结果。JQuery 提供了一个强大的插件——JQuery Form，它可以简化这一过程。本文将详细...
在jQuery中，我们可以使用`.on('submit', function() {...})`监听表单提交事件。当用户尝试提交表单时，这个函数会被触发。 接着，我们需要逐个验证表单字段。例如，检查用户名是否为空，可以使用`.val()`获取输入...
为了解决这个问题，jQuery Form插件应运而生，它允许我们实现异步（Ajax）表单提交，提高页面的响应性和用户体验。 ### jQuery Form 插件介绍 jQuery Form插件是基于jQuery的一个强大工具，它可以轻松地将任何HTML...
此外，你还可以添加事件监听器来处理用户选择日期后的操作，比如： ```javascript $("#startDate").on("change", function() { var selectedDate = $(this).val(); // 在这里处理日期变化的逻辑 }); ``` ### 5. ...
本文将详细介绍如何在项目中使用jQuery UI的datepicker，以及它的一些主要功能和配置选项。 jQuery UI的datepicker是一个轻量级、可自定义的日期选择器插件，它通过简单的API接口可以轻松集成到任何HTML页面中。...
- 使用Ajax提交时，注意处理跨域问题，可能需要启用CORS。 综上所述，`ajaxSubmit()` 是jQuery form插件提供的一个强大工具，它使得表单数据的异步提交变得简单易用，提高了用户体验，同时也为开发者提供了更多定制...
除了内置的验证规则外，jQuery Validate还支持自定义验证方法。例如，我们可以创建一个验证邮箱格式的方法： ```javascript $.validator.addMethod("emailFormat", function(value, element) { return /^[a-zA-Z0-...
使用jQuery，我们可以监听表单的提交事件，然后阻止其默认的刷新行为，用Ajax请求替代。 ```html 用户名" required> 密码" required> 登录 ``` **步骤二：使用jQuery发送Ajax请求** 在JavaScript中，我们可以...
"前台JSP页面使用jQuery中的Ajax提交至后台"这部分涉及到前端开发。JSP（JavaServer Pages）是用于创建动态网页的一种技术，而jQuery是一个轻量级的JavaScript库，极大地简化了JavaScript的使用。在这里，jQuery的...
它不仅能够帮助开发者轻松地实现表单数据的Ajax提交，还支持文件上传等功能，极大地提升了用户体验并降低了服务器压力。本文主要针对“jquery表单验证插件”进行详细介绍，并通过示例代码展示其使用方法。 #### 二...
本主题将深入探讨如何使用jQuery库的AJAX功能将表单数据提交到后台，以及后台如何使用Spring框架来处理这些数据。下面将详细阐述这一过程。 ### 一、前端：使用jQuery的AJAX提交表单 1. **引入jQuery库**：首先...
在实际项目中，我们常常会结合jQuery来使用KindEditor，利用jQuery的强大DOM操作能力进一步增强KindEditor的功能性与灵活性。本文将详细介绍如何结合jQuery和KindEditor实现文本编辑器的加载、显示及使用。 #### 二...
除了错误提示，我们还可以使用jQuery实时验证用户输入，如当用户离开输入框时（`blur`事件）立即进行验证，或者在输入时（`keyup`事件）动态显示错误提示。 5. **自定义验证插件**： jQuery生态系统中有许多优秀...
6. **表单提交阻止**：当表单存在无效字段时，插件会自动阻止表单的提交，直到所有问题都得到解决。 7. **国际化支持**：通过加载不同的语言文件，可以实现验证消息的多语言显示。 在《jQuery Validate验证手册》...
jQuery是一个广泛使用的JavaScript库，简化了DOM操作、事件处理和动画效果，因此用jQuery实现批注功能是一个高效的选择。以下将详细介绍如何利用jQuery来构建一个基本的批注系统。 首先，我们需要了解批注系统的...
- **动态验证**：你可以在表单提交前、按钮点击后等事件中调用 `$.validationEngine('validate')` 来触发验证。 - **异步验证**：通过 `ajaxCall` 规则实现，例如邮箱地址的唯一性验证。 - **自定义事件**：插件提供...
**jQuery验证框架使用详解** jQuery验证框架是一款广泛应用于前端开发中的轻量级验证插件，它可以帮助开发者轻松实现表单数据的有效性验证，确保用户输入的数据符合预设规则，提高用户体验，减少服务器端的压力。本...
在这个实例中，“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例，利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...