试用jQuery formValidator表单校验完用AJAX提交

使用 jQuery formValidator表单校验插件验证表单,当验证通过后将所有的数据提交到后台selvert中,失败后不能提交。
但是,貌似只能用HTML的提交方法可以实现这个功能,用jQuery中的ajax提交时,验证失败还能提交,求大神指点啊
javascript代码部分:
$(document).ready(function(){
$.formValidator.initConfig({
formID:"form1",
onError:function(){alert("校验没有通过,具体错误请看错误提示")},
onSuccess:function(){
}
});
$("#name1").formValidator({onShow:"请输入汉字",onfocus:"输入汉字",onCorrect:"输入正确"}).regexValidator({regExp:" chinese",dataType:"enum",onError:"你输入的格式不正确"}).ajaxValidator();;
$("#name2").formValidator({onShow:"请输入整数",onfocus:"输入整数",onCorrect:"输入正确"}).regexValidator({regExp:"intege",dataType:"enum",onError:"你输入的证格式不正确"});

$('#form1').submit(function(event) {
event.preventDefault();
var formValues = $(this).serialize();
alert(formValues);
$.get('servlet/form1', formValues, function(data) {
alert(data);
});
});

})

第1个回答  2013-07-23
明显你的验证有问题,所以错了还能提交,对了却不能提交,自己好好检查检查!
第2个回答  2013-07-29
onError后面函数再添加一句阻止提交数据的代码试试。追问

新手 不会写啊 求指点

追答

其实这个插件我没用过
如果验证失败能出现弹窗能出现,试试 return false;

你看的那个东西太生硬了,不好理解,建议到插件官网上看示例

本回答被网友采纳
第3个回答  2013-07-23
把submit放到onSuccess的回调函数里面看看追问

放进去了 还是不行

第4个回答  2013-08-05
你的问题解决了没?我也遇到同样的问题?
第5个回答  2013-07-26
formID:"form1",//这句是干嘛的?有用吗?追问

追答

不分大小写吗?

相似回答