JQUERY validate插件解决重复提交问题

Question

在网上看的，基本上都是一种$(document).ready(function() { 
$("#myForm").validate({ 
submitHandler: function(form) { 
$(form).find(":submit").attr("disabled", true).attr("value", 
"Submitting..."); 
form.submit(); 
} 
}) 
});
不适用。请大家帮忙解决。

Answer 1

jquery formvalidate 很好用的：$(document).ready(function(){
//$.formValidator.initConfig({ formid: "aspnetform", errorfocus: true, btnid: 'fabu', fun:function(){ return sub(); } }); 
$.formValidator.initConfig({formid:"aspnetform",autotip:true,btnid: 'btnsubmit',onerror:function(msg){}});
$("#xxtitle").formValidator({tipid:"tip_xxtitle",onshow:"请输入标题",onfocus:"请输入6-30个字符"}).inputValidator({min:6,max:100,onerror:"长度不符合要求，请输入6-30个字符"}).functionValidator({ fun: function(val, elem) { var reg=/^[+-]?\d+(\.\d+)?$/; return !reg.test(val.replace(/(^\s*)|(\s*$)/g, "")); }, onerror: "标题不能为纯数字" });
$("#jiawei").formValidator({tipid:"tip_jiawei",onshow:"请输入价位",onfocus:"价位不能为空"}).inputValidator({min:1,max:9999999,type:"value",onerrormin:"你输入的值必须大于等于1",onerror:"价位必须在1-9999999之间，请确认"});
$("#miaoshu").formValidator({tipid:"tip_miaoshu",onshow:"请输入描述",onfocus:"描述不能为空"}).inputValidator({min:1,onerror:"描述不能为空,请确认"});
$("#mobilephone").formValidator({tipid:"tip_mobilephone",onshow:"请输入您的手机号码",onfocus:"手机号码不能为空"}).inputValidator({min:1,onerror:"手机号码不能为空,请确认"}).regexValidator({regexp:"mobile",datatype:"enum",onerror:"你输入的手机号码格式不正确"});;;
$("#username").formValidator({tipid:"tip_username",onshow:"请输入联系人",onfocus:"联系人不能为空"}).inputValidator({min:1,onerror:"联系人不能为空,请确认"});
$(':checkbox[name="leibie"]').formValidator({ tipid: 'tip_leibie',onshow:"请选择一个标签", onfocus: '请选择一个标签' }) .functionValidator({ fun: function(val, elem) { var _c = $(':checkbox[name="leibie"]:checked').length; if(_c == 0) return '请选择至少一个标签'; if( _c>= 1&&_c<=2) return true; return '请选择至少一个标签'; } }); 
    $("#jiawei").unFormValidator(true); //obj.value = "校验价位";
 
});

Answer 2

在页面上解决重复提交只是防止用户重复点击提交按钮两次，这其实并不能真正解决问题。
要真正解决重复提交，你要用验证码，或者令牌环的方式才行，像struts2中就有令牌环方式的实现。