今天在用jQuery的表单提交时,做了一些填充的验证,可是在提交时数据库数据更新了,但是父窗口的数据没有刷新,并且没有alert的东西。后来将 // $(":input").bulr();注释掉就可以了,可是这样的话表单上若不点击某处,那么它的span处没有提示信息,这样的话就也可以提交,这样验证等于没用了,可是若点击了,触发了span,这样就不能提交了。
还有一个问题是jQuery的删除问题,数据库里面已经删除,可是页面不刷新,并且提示信息一直是删除失败,现在将js代码贴出,希望高手可以指教
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#*m").blur(function() {
if($.trim(this.value) == ""){
$("#*e").html("<font color='red'>不能为空</font>");
}else{
$("#*").html("");
}
});
$("#*").blur(function(){
if($.trim(this.value) == ""){
$("#*").html("<font color='red'>不能为空</font>");
}else{
$("#*").html("");
}
});
$("#*").blur(function(){
if($.trim(this.value) == ""){
$("#*e").html("<font color='red'>不能为空</font>");
}else{
$("#*").html("");
}
});
var options = {
beforeSubmit: function() {
$.ajaxSetup({
async : false
});
// $(":input").bulr();
var flag = false;
$.each($("span"),function(){
if(this.innerHTML != ""){
flag = true;
return false;
}
});
$.ajaxSetup({
async: true //异步
});
if(flag){
alert("数据不合法,请验证!");
}
return !flag;
},
success: function(responseText, statusText) {
alert(123);
window.opener.location.reload(true);
alert("修改成功!");
window.close();
},
error: function() {
alert('修改失败!');
},
dataType: 'json'
}
$('#Form').ajaxForm(options);
// $('#Form').submit(function() {
// $(this).ajaxSubmit(options);
// return false;
// });
});
</script>
这是删除的js
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
function del(fId) {
if (window.confirm("确认删除?")) {
$.ajax({
url: "/del.action",
data: {"f.id":fId},
cache: false,
success: function() {
window.location.reload(true);
alert("删除成功!");
},
error: function() {
alert("删除失败!");
}
});
}
}
</script>
这里的*代表我表单里面的输入标示id,没有问题的
分享到:
相关推荐
JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...
JQUERY表单提交 JQuery框架应用中的Form插件是一个功能强大的官方插件,支持Ajax和Ajax文件上传,基本满足日常应用。该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize...
这是jQuery Form Plugin的一个核心文件,它扩展了jQuery,使得我们可以方便地进行异步表单提交。例如,我们可以使用以下代码来实现: ```javascript $("#myForm").submit(function(event) { event.preventDefault...
在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...
在本文中,我们将深入探讨如何使用jQuery实现一个完整的用户注册表单提交验证。这个验证系统包括了多个关键的验证环节,如用户名、密码强度、显示/隐藏密码、手机号码输入控制以及手机验证码、真实姓名和身份证号的...
表单填写完成后,提交表单通常是通过JavaScript阻止默认的表单提交行为,然后使用Ajax发送表单数据到服务器。这里涉及的jQuery知识点包括`event.preventDefault()`防止页面刷新,以及`$.ajax()`进行异步请求: ```...
- **Ajax提交**:使用Ajax技术进行表单提交,无需刷新整个页面。 - **文件上传**:支持文件上传功能,包括多文件上传。 - **易用性**:简洁的API使得操作变得非常简单。 - **兼容性**:良好的浏览器兼容性,确保了...
// 阻止默认表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'your_server_endpoint.php', // 服务器端接口 type: 'POST', data: formData, dataType: 'json', success: ...
如果表单提交的目标URL与当前页面不在同一个域下,可能存在跨域问题。这时需要服务器端支持CORS(跨源资源共享)或者使用JSONP(JSON with Padding)等技术。 总结,使用jQuery的Ajax功能提交整个表单涉及的关键点...
jquery表单提交衣服尺寸选择勾选获取value值 jquery表单提交衣服尺寸选择勾选获取value值 jquery表单提交衣服尺寸选择勾选获取value值 jquery表单提交衣服尺寸选择勾选获取value值
本文将深入探讨如何使用jQuery实现一个表单步骤流程导航,以帮助用户逐步填写并提交信息。 首先,我们需要理解表单步骤流程导航的基本概念。这种导航通常用于分步收集用户数据,使得复杂的表单填写过程变得更为清晰...
// 如果所有验证通过,此处可进行实际的表单提交操作 console.log("表单提交成功"); }); }); ``` 4. **增强用户体验**: 除了错误提示,我们还可以使用jQuery实时验证用户输入,如当用户离开输入框时(`blur`...
1. **基本概念**:jQuery表单验证的核心是通过监听用户的交互行为,如表单提交或输入字段失去焦点时,检查输入数据是否符合预设规则。这些规则可能包括必填项、邮箱格式、手机号码格式等。 2. **jQuery验证插件**:...
2. **绑定事件**:将验证函数绑定到适当的事件上,如`blur`(失去焦点)、`keyup`(按键释放)或`submit`(表单提交)。这样,当用户在输入时或离开字段时,验证就会自动执行。 3. **编写验证逻辑**:在函数中编写...
jquery/validation_engine表单提交验证,简单实用。将css和js引用,并在需要验证的元素class中填写相应参数,以及表单提交的方法中进行验证 $("#userForm").validateEngine("validate")。在项目中已经实用,很方便。
jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动
- **监听表单提交事件**:绑定`submit`事件处理器,如`$("#formId").on("submit", function(event) { ... })`,防止默认的表单提交行为。 - **阻止默认行为**:在事件处理器中调用`event.preventDefault()`,避免...
二、jQuery表单验证原理 1. 事件监听:jQuery通过`$(selector).on('event', callback)`来监听表单的提交事件,如`submit`,在用户尝试提交表单时执行回调函数。 2. 数据验证:在回调函数内部,我们可以遍历表单...
本项目"jQuery文字选项问卷调查表单提交"是利用jQuery来构建的一个滚动投票程序,主要关注用户交互和数据提交方面。 首先,jQuery库的核心特性在于它的选择器功能,这使得能够方便地选取DOM元素。在这个问卷调查...