jquery中validate插件和form插件冲突的解决办法
By admin
- One minute read - 131 words如题:用jquery form提交表单,用jquery validate做数据验证 ,现在的问题是分别使用validate有作用,一起使用,则validate不起作用,谁遇到过帮忙解决下。
$(document).ready(function() {
$(“#inputForm”).validate({
…
});
});
function onsubmit(){
var options ={
…
};
$(‘#inputForm’).ajaxSubmit(options); //options
return false;
}
==================
补充一下,这个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);
}
参考: http://www.iteye.com/problems/35657