首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery表单提交的有关问题

2012-08-22 
jQuery表单提交的问题今天在用jQuery的表单提交时,做了一些填充的验证,可是在提交时数据库数据更新了,但是

jQuery表单提交的问题
今天在用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,没有问题的

热点排行