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,没有问题的