`
yvonna
  • 浏览: 52174 次
  • 性别: Icon_minigender_2
  • 来自: 合肥
社区版块
存档分类
最新评论

在ajax执行完毕后才能提交form表单

    博客分类:
  • web
阅读更多
用ajax验证form表单的填写序列号是否已经存在,输入序列号,然后去点击“提交”按钮,在异步验证还没有执行完毕就提交了表单,这里的ajax就达不到验证的效果了。

解决办法:
1、在执行ajax方法的时候,使“提交”按钮变为灰色不可点击的。addForm.submit.disabled=true;  
2、在ajax执行完毕,是“提交”按钮可以点击
addForm.submit.disabled=false;

addForm 是我的form 的id 如:<html:form styleId="addForm">
submit <html:submit styleId="submit">add</html:submit>

这样写还是不好,最好的办法是,在执行完ajax在验证表单,就不会出现问题了。具体用哪种方法还是根据自己的表单设置的顺序!
分享到:
评论

相关推荐

    layui form表单提交之后重新加载数据表格的方法

    通过返回`false`,我们可以让表单提交时不会导致页面跳转,而是执行我们自定义的AJAX请求来与服务器交互,并刷新表格。 ###知识点五:实际应用与官方文档的参考 在文章的最后,提到了两个重要的参考资料:layui...

    jquery.form.js实现将form提交转为ajax方式提交的方法

    jquery.form.js是一个强大的jQuery插件,可以将普通的form表单提交转换为Ajax提交。这个插件的主要功能包括但不限于表单提交、验证、上传等。要使用这个插件,首先需要确保已经引入了jQuery库,因为jquery.form.js...

    使用Ajax方法实现Form表单的提交及注意事项

    使用Ajax方法实现Form表单提交涉及到Web开发中的一项关键技术——Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)。Ajax允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容...

    使用FormValidation进行表单验证

    通过`$(document).ready()`函数,可以在页面加载完成后初始化`FormValidation`,确保所有表单元素都已加载完毕。 `Bootstrap`则提供了美观的UI组件和响应式布局,与`FormValidation`结合可以实现视觉效果良好的错误...

    解决Extjs4中form表单提交后无法进入success函数问题

    在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...

    聊聊Ajax提交form表单的看法和认识

    使用AJAX进行表单提交可以避免这种情况,表单数据通过AJAX请求发送到服务器,服务器处理完毕后返回结果,而页面保持当前状态,只更新与表单提交相关的内容部分。 在AJAX提交表单时,常用的HTTP方法有两种:GET和...

    jquery管理cookie和form的js

    jQuery Form插件(如:jquery.form.js)扩展了jQuery的核心功能,使得表单的提交和处理更加灵活,支持异步提交(Ajax)。以下是一些主要特性: 1. **Ajax提交**: 可以使用`$('form').ajaxSubmit(options)`方法来...

    表单验证js 提交前验证

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期,从而防止错误数据的提交,提高用户体验并保护服务器免受恶意输入。本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份...

    ajax跨页面提交表单

    首先,跨页面提交表单是指在用户填写表单后,表单数据不是在当前页面被处理,而是通过AJAX发送到另一个页面进行处理。在提交之后,当前页面可以关闭或隐藏,而另一个页面则负责处理数据并返回结果。这种机制常用于...

    mvc form表单提交的几种形式整理总结

    在MVC模式中,表单提交通常涉及客户端和服务器端的交互,客户端负责收集用户输入的数据,并通过HTTP请求将数据提交给服务器端进行处理。以下是MVC中表单提交的几种形式的详细知识点总结。 第一种方式:使用submit...

    form自动绑定demo

    5. **更新界面**:完成数据绑定后,前端界面会自动反映出这些变化,用户可以看到表单中的数据已填充完毕。 通过这个"form自动绑定demo",开发者可以学习如何有效地结合JavaScript、Ajax和JSON来实现动态数据绑定,...

    Ajax方式提交带文件上传的表单及隐藏iframe应用

    2. 设置表单目标:将表单的`target`属性设置为IFRAME的ID,这样表单提交后,内容将在IFRAME内加载。 3. 使用JavaScript处理:通过JavaScript监听表单的提交事件,当表单提交时,可以先通过AJAX提交非文件字段的数据...

    ajax提交整个from表单示例代码

    最后,`complete`函数在请求发送完毕后执行,无论请求成功或者失败都会执行。在示例代码中它没有定义任何操作,但通常可以在这里添加一些清理操作,比如禁用提交按钮等。 通过了解和分析上述的示例代码,可以看出,...

    jquery.form中文API

    它本身并不提交表单,而是在文档加载完毕后(即`document.ready`函数中)用于预设表单的AJAX提交设置。 - 可以接受0个或1个参数,参数可以是回调函数或者一个Options对象。 - 例如: ```javascript $('#myFormId...

    jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

    具体的表现是在输入字段完毕后,按下回车键(Enter)尝试提交表单,表单没有如预期般被提交,而必须再次点击提交按钮。这种情况下,用户交互会感到不顺畅,影响体验。接下来,我们将详细分析此问题的原因,并探讨...

    form表单转Json提交的方法(推荐)

    要确保在表单提交时触发`arrayToJson`函数,并且在转换成JSON字符串后,使用Ajax技术将JSON数据提交到服务器,以实现在不刷新页面的情况下完成数据的提交和响应。比如可以使用jQuery的`$.ajax()`方法: ```...

    jquery+ajax实现直接提交表单实例分析

    在Web开发中,表单提交是一项非常常见的操作。传统上,表单提交往往伴随着页面的刷新或跳转,用户体验上并不是非常友好。随着JavaScript和jQuery的普及,我们可以通过Ajax技术实现无刷新提交表单,极大地改善了用户...

    bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能

    在文档加载完毕后,我们可以使用以下JavaScript代码来初始化表单验证: ```javascript $(document).ready(function() { $('#defaultForm').bootstrapValidator({ // 这里填写各种验证规则 fields: { company_...

    jQuery ajaxForm()的应用

    需要注意的是,ajaxForm()本身并不执行实际的提交操作,而是在页面加载完毕时,即在ready函数中,对指定的表单进行AJAX提交的准备工作。 在使用ajaxForm()之前,开发者需要引入相应的jQuery库和jQuery Form插件,即...

Global site tag (gtag.js) - Google Analytics