如何结合Jquery 的validate 和 ajax submit进行工作.

wjyy 发布于 2013/05/23 17:39
阅读 13K+
收藏 1
   我刚接触Jquery,需要修改公司的重做公司的一个系统,准备用Jquery做JS框架,遇到一个问题.
我们知道Jquery 的jquery.validate.js的这个函数可以帮我做表单的验证,用于帮定错误信息到各个属性,
校验通过就提交,否则不提交,但是该方法默认是普通的提交.
我要做的功能是让表单通过validate方法验证以后使用Ajax方式提交,怎么实现?
Jquery的 AjaxForm 的beforeSubmit需要重写validate方法,如果我自己写验证并且把错误信息在绑定要隐藏域很麻烦.
请问各位朋友 如何结合Jquery 的validate 和 ajax submit进行工作.

非常感谢.
加载中
0
傅小黑
傅小黑
jQuery("#form").validate({
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#result"
				});
			}
		});
wjyy
wjyy
回复 @傅小黑 : 哎 看得懂 我就不问了,给个实例看一行吗?? 邮箱 1483241758@qq.com
傅小黑
傅小黑
你返回的json有官方demo 啊,http://malsup.com/jquery/form/#json
wjyy
wjyy
回复 @wjyy : 反回来了 就是不知道怎么ji解析这个数据
wjyy
wjyy
回复 @傅小黑 : 我反回的是j son
wjyy
wjyy
回复 @傅小黑 : 哎 就是没看太懂,才问了
下一页
0
傅小黑
傅小黑
jQuery("#form").validate({
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
                                        dataType:"json"
					success:function(json){
                                             alert(json.message);
                                        }
				});
			}
		});
0
wjyy
wjyy

引用来自“傅小黑”的答案

jQuery("#form").validate({
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
                                        dataType:"json"
					success:function(json){
                                             alert(json.message);
                                        }
				});
			}
		});

我的是这样写的,那你给我看看是不是那点错了呢

$("#projectForm").validate({    
  submitHandler: function(form) {     
   $(form).ajaxSubmit({
    remote:{
     url: 'web/projectApplication/insert',     //后台处理程序
     type: 'post',               //数据发送方式
     dataType: 'json',           //接受数据格式  
     data:$("#projectForm").serialize(),
     success : function(data) {
      if(data.success == "true"){
       alert('true');
      }
      if(data.success == "false"){
       alert('false');
      }
     },
     error : function(data) {}
    }
   });    
  } 
 })

 

傅小黑
傅小黑
remote:是什么?官方API里有remote这个配置?,而且你也不需要指定url,type和data啊,写在form元素的action,method里面被自动获取,data会被AjaxForm自动处理啊
0
不是小白
不是小白

楼主,我就不仔细说了。我把我当年的一个参考网页贴出来,你直接查看源代码就ok了。。。

http://account.gyyx.cn/Member/Register

0
liuweihug
liuweihug

jquery $.ajax()实现Post数据到服务端 - 项目实战 - IT工作生活这点事。Just Such So!
http://www.suchso.com/projecteactual/jqueryajaxpostdatamethod.html

返回顶部
顶部