试用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);
});
});
}) 展开
但是,貌似只能用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);
});
});
}) 展开
5个回答
展开全部
明显你的验证有问题,所以错了还能提交,对了却不能提交,自己好好检查检查!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
onError后面函数再添加一句阻止提交数据的代码试试。
追问
新手 不会写啊 求指点
追答
其实这个插件我没用过
如果验证失败能出现弹窗能出现,试试 return false;
你看的那个东西太生硬了,不好理解,建议到插件官网上看示例
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把submit放到onSuccess的回调函数里面看看
追问
放进去了 还是不行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你的问题解决了没?我也遇到同样的问题?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询