jquery问题：jquery.form 和 jquery.validate如何同时使用。

0 0

jquery问题：jquery.form 和 jquery.validate如何同时使用。5

[align=left]
如题：用jquery form提交表单，用jquery validate做数据验证，现在的问题是分别使用validate有作用，一起使用，则validate不起作用，谁遇到过帮忙解决下。

<script type="text/javascript">
  $(document).ready(function() {
	$("#inputForm").validate({
	...			
         });
  });
  function onsubmit(){
	var options ={   
	   ...
	};   
	$('#inputForm').ajaxSubmit(options); //options   
	return false;    
  }
</script>

[/align]

问题补充：恩这问题我已解决了 ...谢！

jQuery

2010年2月04日 11:03

jackhe
-1
0 0 2

查看图片附件

2个答案按时间排序按投票排序

0 0

采纳的答案

补充一下，这个submitHandler:function(){}方法内可以写任何方法。但最后要有一个form.submit或form.ajaxSubmit
比如我这个

$(document).ready(function(){
    		$("#loginForm").validate({
    			rules: {
    				shouJiHaoMa: {
    					required: true,
    					digits: true
    				},
    				pwd: {
    					required: true
    				}
    			},
    			messages: {
    				shouJiHaoMa: {
    					required: '请输入手机号码',
    					digits: '请输入正确的手机号码'
    				},
    				pwd: {
    					required: '请输入密码'
    				}
    			
    			},
    			// specifying a submitHandler prevents the default submit, good for the demo
        		submitHandler: function() {
                            login();
			    return false;
        		},
    			errorElement: "em",
    			success: function(label) {
				
				label.text(" ")				//清空错误提示消息
					.addClass("success");	//加上自定义的success类
				}
    		});

我的login()内最后提交了form

login = function() {
	$('#login_tmp').remove();
	var options = {
		type : "get",
		dataType : "json",
		url : "login.do",
		data : {"method" : "ajaxLogin"},
		cache : "false",
		beforeSubmit : beforeCallBack,
		success : loginCallBack,
		error : errorCallBack
	};
	// 异步提交登陆请求
	$("#loginForm").ajaxSubmit(options);
}

2010年2月09日 17:16

zero_yt
35
0 0 0

添加评论

0 0

我也遇到了这个问题。
jquery.validate.js好像是完成验证之后会调用回调函数submitHandler进行提交，源码我没看。你改一下提交方法看看
$.validator.setDefaults({
submitHandler: function(form) {$(form).ajaxSubmit(); }
});

2010年2月09日 16:50

zero_yt
35
0 0 0

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>