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

使用jQueryformValidator表单校验插件验证表单,当验证通过后将所有的数据提交到后台selvert中,失败后不能提交。但是,貌似只能用HTML的提交方法可以... 使用 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);
});
});

})
展开
 我来答
NiceBabyLuckys
2013-07-23 · TA获得超过167个赞
知道小有建树答主
回答量:257
采纳率:100%
帮助的人:42.1万
展开全部
明显你的验证有问题,所以错了还能提交,对了却不能提交,自己好好检查检查!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
一蘅新
2013-07-29 · TA获得超过2359个赞
知道大有可为答主
回答量:2547
采纳率:0%
帮助的人:1597万
展开全部
onError后面函数再添加一句阻止提交数据的代码试试。
追问
新手   不会写啊  求指点
追答
其实这个插件我没用过
如果验证失败能出现弹窗能出现,试试 return false;

你看的那个东西太生硬了,不好理解,建议到插件官网上看示例
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
nur025
2013-07-23 · 超过57用户采纳过TA的回答
知道答主
回答量:358
采纳率:0%
帮助的人:199万
展开全部
把submit放到onSuccess的回调函数里面看看
追问
放进去了   还是不行
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
mengting0917
2013-08-05
知道答主
回答量:2
采纳率:0%
帮助的人:2906
展开全部
你的问题解决了没?我也遇到同样的问题?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
baiyukey
2013-07-26 · TA获得超过202个赞
知道小有建树答主
回答量:159
采纳率:0%
帮助的人:52.5万
展开全部
formID:"form1",//这句是干嘛的?有用吗?
追问

追答
不分大小写吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式